Copy. Customize. Ship.
Hand-coded CSS that actually works at any width. No frameworks. No signup. No broken demos.
Production-ready
Works at 320 px, 600 px, 1440 px. Keyboard-accessible. prefers-reduced-motion respected.
Vanilla CSS, zero deps
Modern selectors where they earn it. No framework lock-in — works in React, Vue, Svelte, Astro, plain HTML.
AI-assistant friendly
Publishes llms.txt + llms-full.txt so AI assistants extract working code, not guesses.
100% client-side
No signup, no tracking scripts, no paywall. Every tool runs in your browser.
Browse by category
UI Components
Buttons, cards, forms, modals and more
15 collections →Motion & Effects
Hover, scroll, loading and text animations
4 collections →CSS Generators
Gradient, shadow, grid and flexbox builders
20 generators →Layouts
Grid, flexbox, hero and dashboard templates
7 collections →Navigation
Navbars, dropdowns, tabs and accordions
4 collections →UI Snippets
Badges, tooltips, alerts and micro-components
2 collections →Design Styles
Glassmorphism, dark mode, brutalist and more
2 collections →Frontend Tools
Converters, calculators and dev utilities
18 tools →Popular generators
Build CSS visually — copy the output code