Web Design Kit — Free & Private

CSS glass and shadow effects, Tailwind class sorting, font previews, icon search, SVG sprites and SEO meta tags.

Runs 100% in your browser: your files and data never leave your device. No signup, no ads.

Tools in Web Design Kit

CSS Glassmorphism & Shadow: Design Apple-grade multi-layer box shadows and frosted glass backdrop blur.
Tailwind Class Sorter: Sort, deduplicate, and group Tailwind CSS utility classes
Web & System Font Studio: Interactive typography studio to preview system and Google fonts with kerning, weights, and CSS output
Icon Finder & SVG Code Generator: Instant search over common UI icons with live preview, size/stroke adjustment, and React/SVG copy
SVG Sprite Sheet Builder: Combine multiple individual SVG files into a single optimized SVG <defs>/<symbol> sprite sheet
SEO Meta Tag & Slug Generator: Generate title, description, Open Graph, and Twitter Card tags plus a clean URL slug.