CSSLab — Design & CSS Tools
Visual generators for everyday front-end work: build gradients with live preview and produce complete favicon packs — right in your browser.
100% client-side Free forever No sign-up
Runs 100% in your browser — nothing is ever uploaded.
All CSSLab tools
CSS Gradient Design linear, radial and conic gradients with draggable color stops and a live preview — then copy clean, ready-to-use CSS. Favicon Generator Upload one image and download a complete favicon pack: favicon.ico, PNGs from 16px to 512px, Apple touch icon, webmanifest and the HTML tags to paste. Picker Visual color selection with instant HEX / RGB / HSL codes. Contrast Test any color pair against WCAG AA and AAA thresholds. Palette Harmonic palettes from any base color — with CSS variables. Box shadow Craft the perfect CSS shadow with sliders and live preview. Flexbox Tweak flexbox properties visually and copy the CSS. Grid Design grid layouts visually — get clean CSS instantly. SVG Shrink SVG files safely — visual output stays identical. Aspect ratio Solve any width/height from a target ratio instantly. Border Radius Drag the sliders, watch the shape, copy the CSS. CSS Animation Presets + live preview → copy-ready @keyframes. CSS to Tailwind Map plain CSS rules to Tailwind utility classes. Color Blindness Simulator See your design as color-blind users do. CSS Specificity Which selector wins? Get the (a,b,c) score. SVG Path Editor See, understand and transform SVG paths. Placeholder Images Custom-size dummy images as PNG or SVG.
Frequently asked questions
Are my images uploaded when I make favicons?
No. The favicon generator resizes your image with the canvas API entirely in your browser and packs the results into a ZIP locally. Your artwork never leaves your device.
Is the generated CSS production-ready?
Yes — the gradient generator outputs standard, modern CSS that works in every current browser, ready to paste into your stylesheet.
What favicon sizes do I get?
The full modern set: favicon.ico (16/32/48), PNGs at 16, 32, 180 (Apple touch), 192 and 512 (Android/PWA), plus a ready-made HTML snippet and webmanifest.