DEV Community

Cover image for 57 CSS Shapes examples, click to copy ✨
Guilherme Rizzo
Guilherme Rizzo

Posted on

57 CSS Shapes examples, click to copy ✨

👋 Hi Dev.to!

I've searched for shapes like triangles, arrows, diamonds, bubbles, tooltips, etc. made with pure CSS, then used CSS Scan to grab their CSS code, made an easy click-to-copy collection with 57 CSS shapes, and now I'm sharing it with you, for free.

Click to copy, and you'll get the CSS code.

There are even shapes like Pac-Man, Yin Yang, and Space Invader.

🔺 A curated collection of 57 free shapes examples made with pure CSS:
👉 https://getcssscan.com/css-shapes

💖 Bookmark it (keep it on your favorites) and use it whenever you need it for your projects!
All you have to do is click on a shape you like, and it'll copy its CSS code.

And if you have any ideas or suggestions, I'm all ears.

Thanks all! 🙌

Top comments (0)