CSSGen.dev: CSS Generator

Hey Product Hunt 👋

I build front-end for a living, and I kept hitting the same annoyance: a single component needs a radius, a shadow, a gradient and a backdrop filter. That means four different generator sites, four copy-pastes, and then merging the declarations by hand and hoping nothing overrode anything.

So I built CSSGen.dev. Two things make it different:

**The Stack.** Layer multiple effects onto the same element and it merges them into one declaration, and tells you which layer won when two of them set the same property.

**Real previews.** Every generator renders the actual property on a real component — a card, a button, an input — not a grey square. What you see is what ships.

Also in there: Baseline browser support shown under every tool so a fallback is a decision rather than a bug report, output as CSS, SCSS, LESS, custom properties or Tailwind, and share links that encode your exact settings in the URL.

Everything runs in your browser. No account, no sign-up, nothing sent to a server. Free for personal and commercial work.

I'd genuinely like to know which generator you reach for first, and what's missing. Bug reports especially welcome — there's a Share link button on every tool that captures your exact config, which makes them easy to reproduce.