adam-kad / css-shape-generator Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

CSS Shape Generator - Interactive tool for creating custom CSS shapes with smooth curves and gradients. Generate blobs, waves, clouds with real-time preview.

https:/adam-kad.github.io/css-shape-generator/

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
assets		assets
README.md		README.md
index.html		index.html

Repository files navigation

🎨 CSS Shape Generator

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.

Live Demo

👉 https://adam-kad.github.io/css-shape-generator/

Features

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

Usage

Open the demo or index.html
Adjust sliders & colors
Click Copy
Paste CSS into your project

📄 License

MIT

About

CSS Shape Generator - Interactive tool for creating custom CSS shapes with smooth curves and gradients. Generate blobs, waves, clouds with real-time preview.

https:/adam-kad.github.io/css-shape-generator/

ui shape web-design css-generator css-tools gradient-generator

Report repository

Releases

No releases published

Packages

No packages published

Languages