This reference documents every utility Nakshora 3.0 can produce — the tables are generated from the compiler registry itself, so they can never drift from the engine. 3,091 classes, 28 categories.
How to read this reference#
- Each family page lists its classes with the exact CSS they compile to.
- Responsive: prefix any class with a screen (
md:p-4) — see responsive/index|Responsive design. - State variants prefix the same way (
hover:bg-blue-500) — see variants/index|Variants. - Every page ends with related links — follow them; they are how the reference connects.
Categories#
| Category | Start here |
|---|---|
| Layout | utilities/layout/display|Display · utilities/layout/position|Position · utilities/layout/z-index|Z-index · utilities/layout/overflow|Overflow |
| Spacing | utilities/spacing/padding|Padding · utilities/spacing/margin|Margin · utilities/spacing/gap|Gap |
| Sizing | utilities/sizing/width|Width · utilities/sizing/height|Height · utilities/sizing/size|Size |
| Flexbox & Grid | utilities/flexbox/flex-direction|Flex direction · utilities/grid/grid-template-columns|Grid columns |
| Typography | utilities/typography/font-size|Font size · utilities/typography/font-weight|Weight · utilities/typography/text-align|Alignment |
| Colors | colors/index|22 palettes × 11 shades with text, background, border, gradient uses |
| Backgrounds | utilities/backgrounds/gradients|Gradients · utilities/backgrounds/background-size|Size |
| Borders | utilities/borders/border-width|Width · utilities/borders/border-radius|Radius · utilities/borders/divide|Divide |
| Effects | utilities/effects/shadows|Shadows · utilities/effects/opacity|Opacity · utilities/effects/filters|Filters |
| Transforms | utilities/transforms/scale|Scale · utilities/transforms/rotate|Rotate · utilities/transforms/translate|Translate |
| Transitions & animations | utilities/transitions/transition-property|Transitions · utilities/animations/keyframes|Keyframes |
| Interactivity | utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap |
Tip. Looking for one specific class? Use search (Ctrl K / ⌘ K) — it matches class names, CSS properties and concepts in every language.