About CSS Generators
Built by developers, for developers.
Who built this?
CSS Generators is built and maintained by Dinno SAS, a French software company (SIREN 812225373). We build developer tools and web applications with a focus on simplicity and zero-friction UX.
The source code is open and available on GitHub.
Why we built it
CSS properties like box-shadow, clip-path, and filter require a lot of trial and error
to get right. We kept switching between a text editor and the browser DevTools to tweak values — so we built
interactive generators that let you see the result in real time and copy the final CSS in one click.
Every tool runs entirely in your browser. No server, no account, no data sent anywhere except a self-hosted Umami analytics instance for aggregate page view counts (no cookies, no fingerprinting).
The tools
13 free CSS generators: Box Shadow, Drop Shadow, Text Shadow, Flexbox, CSS Grid, Button, Border, Filter, Clip Path, Triangle, Arrow, Speech Bubble, and Gradient. Each targets a CSS property that developers reach for frequently and that benefits from a live visual editor.
Contact
Questions, bug reports, or suggestions: contact@cssgenerators.dev