Shapy

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.

Reviews

Sara Vieira
Ben Hong
H @ πŸ‡²πŸ‡Ί
Β +4 reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
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 πŸ€“
Dmitri Brereton
Dmitri Brereton@dkb868 Β· learning
This is magical. Also love the CSS speed art videos!