Clippy - CSS clip-path maker
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points.
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.
SVG Waves - Instantly generate waves
An interactive playground to generate svg waves for your design. Customize wave types, colours, and more.
Get Waves - Create SVG waves for your next design
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
Fancy Border Radius Generator
A visual generator to build organic looking shapes with the help of CSS3 border-radius property
Blobmaker - Make organic SVG shapes for your next design
Blobmaker is a free generative design tool made with 💕 by z creative labs, to help you quickly create random, unique, and organic-looking SVG shapes. From landing pages to illustrations, blobs are everywhere! Creating smooth, organic-looking shapes can be difficult, especially when you need many different ones.
Blobs - Generate beautiful blob shapes for web and flutter apps
Customizable blobs as SVG and Flutter Widget. Create random or fixed blobs, loop, animate, clip them with ease
CSS Section Separator Generator
A collection of customizable CSS section separators, with the possibility to easily copy the code.
SVG Generator: Wavy Transitions Between Sections
This tool generates wavy html elements for making wavy transitions between sections on your website, which is a popular trend in UI design these days. Just grab the red markers and create the curve that's right for your website. The container is 684 x 150px.