# How we use WebGL at Squarespace

DevFeed: [How we use WebGL at Squarespace](<https://devfeed.tech/articles/how-we-use-webgl-at-squarespace-30769.md>)

Original publisher: [Read original article](<https://engineering.squarespace.com/blog/2022/how-we-use-webgl-at-squarespace-877l9-8lyaw>)

Author: Szenia Zadvornykh

Published: 2022-04-08T14:25:33Z

Content type: article

Language: en

Sources: [Squarespace](<https://devfeed.tech/sources/squarespace.md>), [Squarespace Engineering Blog](<https://devfeed.tech/sources/squarespace-engineering-blog.md>)

Topics: [WebGL](<https://devfeed.tech/topics/webgl.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [graphics](<https://devfeed.tech/tags/graphics.md>), [web-development](<https://devfeed.tech/tags/web-development.md>), [webgl](<https://devfeed.tech/tags/webgl.md>)

## AI overview

Squarespace describes using WebGL to generate customizable animated Background Art graphics client side for website section backgrounds. The article introduces the WebGL canvas and rendering-context model and discusses integration challenges in the Squarespace website editor.

## Source excerpt

Recently, we introduced Background Art as a new way for customers to add graphics to their websites. This feature leverages WebGL to generate abstract animated graphics client side. These graphics can be seamlessly added to a web page, offering an alternative to images and videos for section backgrounds.