Free design tools
Small, precise tools for the details that make interfaces feel finished. They run in your browser, need no account, and export CSS or Tailwind you can paste straight in.
Box shadow generatorDrag a light and get layered, realistic CSS box shadows that fall away from it. Copy plain CSS or a Tailwind class. Free, no sign up, works in the browser.Open tool Glassmorphism generatorDesign frosted glass cards live: blur, transparency, saturation, border and tint over a real background. Copy the CSS or Tailwind classes. Free and instant.Open tool OKLCH palette generatorGenerate an 11 step OKLCH color scale from any hex or hue, gamut mapped to sRGB with contrast checks. Export Tailwind CSS v4 @theme variables or hex values.Open tool Brand kit generatorType a name and pick a color to get a live brand kit: logo lockups, color tokens, type scale, voice, business card, app icon and share card. Download the CSS tokens.Open tool shadcn theme generatorPick a brand color, neutral and radius to get a complete shadcn/ui theme in OKLCH for light and dark, with chart and sidebar colors. Preview it, copy the CSS.Open tool Hex to OKLCH converterConvert hex, RGB and HSL colors to OKLCH in bulk, or OKLCH back to hex. Get Tailwind v4 arbitrary classes and warnings for colors outside sRGB. Free and instant.Open tool Contrast checkerCheck text and background contrast against WCAG 2.2 AA and AAA for normal text, large text and UI parts. Get the closest passing color in one click. Free.Open tool Fluid type calculatorGenerate a fluid type scale with CSS clamp(): set the viewport range, base sizes and scale ratios, preview at any width and copy Tailwind v4 or plain CSS.Open tool Mesh gradient generatorDrag color points to design a soft mesh gradient, adjust softness and base color, randomize palettes and copy pure CSS with layered radial gradients. No images.Open tool Noise texture generatorCreate a film grain overlay with SVG noise: tune frequency, octaves, opacity and blend mode, preview on a gradient and copy tiny CSS or download the SVG.Open tool