Omnibus
Color
Color
CSS
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
  • 100% Free
  • No Sign-Up
  • No Credit Card
  • No Free Trial
  • No Pro Tier
  • No Watermarks

Nothing is uploaded. Just open it and start.

CSS generators with a live preview

Free, no sign-up. Build gradients, box-shadows, glassmorphism, rounded corners, text-shadows and cubic-bezier easing visually — see the effect live and copy clean, ready-to-paste CSS. Everything runs in your browser.

Gradients & color

Linear, radial and conic gradients with as many color stops as you like.

Shadows & depth

Layered box-shadows and text-shadows, with inset, spread and glow.

Modern effects

Glassmorphism, fancy border-radius and cubic-bezier easing curves.

Copy-ready & private

Live preview, one-click copy, and nothing ever leaves your browser.

All CSS generators

CSS Gradient Generator

Linear, radial & conic gradients with unlimited stops.

CSS Box Shadow Generator

Layer offset, blur, spread, color & inset shadows.

CSS Border Radius Generator

Round each corner independently in px, % or em.

Glassmorphism CSS Generator

Frosted-glass blur, transparency & border.

CSS Text Shadow Generator

Offset, blur, color — glow & layered text effects.

CSS Cubic Bezier Generator

Drag the curve to design custom easing.

Related tools

Color Picker & Converter

Pick colors and convert HEX, RGB, HSL and OKLCH, check WCAG contrast, build palettes, and grab a color from an image.

Code Beautifier & Minifier

Beautify or minify HTML, CSS, and JavaScript — powered by Prettier, Terser, and CSSO, all in your browser.

HTML Entity Encoder / Decoder

Encode and decode HTML entities, and escape or unescape special characters like < > & " — instantly in your browser.

Mermaid Studio

Write Mermaid diagrams, preview live, export PNG/SVG, and share with a link.

Frequently asked questions

What are these CSS generators?
A set of visual tools for common CSS effects — gradients, box-shadows, glassmorphism, border-radius, text-shadows and cubic-bezier easing. You adjust the controls, see a live preview, and copy the generated CSS. Each generator also has its own dedicated page.
Do I need to know CSS to use them?
No. Drag the sliders and pick colors, and the correct CSS is written for you — but the code is right there to learn from and drop into your stylesheet.
Is anything uploaded?
No. Every generator runs entirely in your browser with JavaScript — nothing is sent to a server, there's no sign-up, and it's free. A single unobtrusive ad slot covers hosting.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.