A free, open-source visual theme editor for shadcn/ui that lets you tweak colors, radius, and typography with live previews and export straight to a Tailwind CSS config. Ships with dozens of ready-made presets so you can restyle a whole app without touching code.
A collection of well-designed CSS custom properties covering spacing, colors, typography, and more for consistent design tokens across projects.
The instant on-demand atomic CSS engine. Fully customizable with presets for Tailwind, Windi CSS, and more — only generates the styles you use.
Tailwind CSS component library that adds semantic class names for UI elements, letting you build beautiful interfaces without writing custom CSS.
Utility-first CSS framework for rapidly building custom designs. Create responsive layouts with minimal CSS.
A CSS-in-JS engine that generates type-safe styles at build time with zero runtime overhead, supporting tokens, recipes, and patterns.
BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.
Glassmorphism is a unified name for the popular Frosted Glass aesthetic.
Generate CSS media queries for hundreds of devices including numerous ipad and iphone models, android devices by Samsung, LG, and many more.
Cheat sheet to learn Tailwind CSS quickly. Browse and search all Tailwind utility classes or CSS properties on one page.
All online tools you need in one box for free. Build anything online with “all-in-one toolbox”. All tools are easy-to-use, blazing fast & free.
🎨 Curated collection of 95 free beautiful CSS box-shadow, ready-to-use for your next projects. Click to copy.