Choosing a CSS framework is choosing a multi-year companion for your team. Here is what Nakshora 3.1 brings to the table, and why teams pick it over hand-written CSS or other frameworks.
The headline capabilities#
| Capability | What it means for you |
|---|---|
| 11,417 utilities across 35 categories — Tailwind 3.4 parity, byte-identical oracle | Port existing knowledge and projects with almost no changes. |
| 10-breakpoint responsive scale (xxs 200px → 5xl 5000px) with max-* variants | One grammar for every device from watches to video walls. |
| Container queries: @container, @min-*, @max-* | Less friction, more product. |
| 155 stackable variants incl. has-[], aria-*, data-*, supports-[], not-*, * | Hover, focus, dark, container — compose states without custom CSS. |
| CSS-first configuration: @theme, @utility, @custom-variant (Tailwind v4 syntax) | Hover, focus, dark, container — compose states without custom CSS. |
| Language server (nakshora lsp) for any LSP-capable editor | Less friction, more product. |
| Dependency-free dev server with CSS hot-swap (nakshora dev --serve) | Instant visual feedback with zero extra dependencies. |
| Arbitrary values w-[37px], arbitrary properties [mask-type:luminance], opacity modifiers /50 | Less friction, more product. |
| Official Tailwind plugins run unchanged (typography, forms, aspect-ratio, container-queries) | Port existing knowledge and projects with almost no changes. |
| @apply, theme(), screen() in author CSS | Less friction, more product. |
| darkMode: class | media | selector | Less friction, more product. |
| Benchmarked CI gate — regressions fail the build | Less friction, more product. |
Utility-first beats naming#
With Nakshora 3.1 you stop inventing class names like .sidebar-wrapper-inner-left and start composing interfaces from a fixed, documented vocabulary. Every class is one declaration, so reading markup tells you exactly how it renders — and refactoring is deletion, not archaeology. See concepts/utility-first-methodology|Utility-first methodology for the full argument.
Design paradigms built in#
Nakshora is famous for shipping *design paradigms*, not just primitives: glassmorphism (glass), neon cyber (neon-card), brutalism (brutalist-card), minimalism (minimalist-card) and skeleton loading states. You get an opinionated, beautiful starting point *and* the utilities to break out of it. More in components/index|Design components.
Honest numbers#
This release: 11,417 utilitys, 22 color palettes, 10 responsive screens, 155 variants. Every number on this site is generated from the framework source — no marketing inflation.