Skip to contentGenerators for shadows, gradients and other UI building blocks.
Colors, gradients and CSS design generators in one workspace.
Design linear gradients and copy the CSS instantly.
Visually craft box-shadow CSS with live preview.
Create custom rounded corners and copy the CSS.
Create downloadable QR codes for URLs, text and more.
Design CSS text-shadow with live preview.
Visually build flexbox layouts and copy the CSS.
Reduce ratio like 1920:1080 to 16:9.
Generate a simple HTML table.
Minify and clean SVG markup.
Live preview SVG code.
Convert SVG to React component.
Convert SVG to Vue SFC template.
Build an SVG sprite sheet.
Visual CSS grid layout builder.
Generate CSS clamp() for fluid sizing.
Generate fluid type scale with clamp.
Preview HTML with Tailwind CDN classes.
Generate frosted-glass CSS.
Generate soft UI neumorphic CSS.