A minimal web tool for generating CSS shapes with gradients using sliders and live preview.
Create blobs, waves and cloud-like shapes, customize colors & curves, and copy ready-to-use CSS.
👉 https://adam-kad.github.io/css-shape-generator/
- Gradient background (linear / radial)
- Multiple shape types:
- Blob
- Wave
- Cloud
- Slider-based controls
- Live preview
- One-click CSS copy
- Light / Dark mode (auto via system theme)
- No build tools — single HTML file
- Open the demo or
index.html - Adjust sliders & colors
- Click Copy
- Paste CSS into your project
MIT