Shapes & Images with CSS Gradients

Shapy is a CSS gradient generator that lets you create shapes and images by layering and moving around gradients on a single div tag.

Shapy is inspired by the Daily CSS Images challenge, Razvan Caliman's talk about devtools for designers, as well as Lynn Fisher's A Single Div project.


Sara Vieira
Ben Hong
H @ 🇲🇺
 +4 reviews


You need to become a Contributor to join the discussion.
Victoria 🦄
Victoria 🦄Maker@vicbergquist · Front-End Developer
Happy to have launched Shapy, look forward to see how you'll use it! 👩‍🎨
H @ 🇲🇺
H @ 🇲🇺@echdee · Developer
Great way to start exploring CSS gradient 🤓
dkb@dkb868 · learning
This is magical. Also love the CSS speed art videos!