Skip to content
Nakshora logoNakshoraDocs
v1.0
v1.0you are herev2.0same pagev3.0v3.1latest
GH
  • Nakshora 1.0 home
Getting Started 5
Getting Started
  • Installing Nakshora 1.0
  • Introduction to Nakshora 1.0
  • Quick start
  • Why Nakshora 1.0?
  • Your first Nakshora 1.0 project, start to finish
  • All 5 in Getting Started →
Core Concepts 7
Core Concepts
  • Anatomy of a class
  • CSS custom properties
  • Dark mode strategies
  • Design tokens
  • Mobile-first workflow
  • Specificity & the cascade
  • All 7 in Core Concepts →
Configuration 1
Configuration
  • Configuration in Nakshora 1.0
  • All 1 in Configuration →
Utilities Reference 13
Utilities
  • Utilities reference
Utilities · v1
  • Borders & radius
  • Display & layout
  • Grid & columns
  • Interactivity
  • Margin
  • Opacity & filters
  • All 13 in Utilities Reference →
Colors 389
Colors
  • Background color
  • Border & divide color
  • Caret & accent
  • Color system
  • Gradient stops
  • Opacity modifiers
Colors · Lab
  • Brutal-blue borders & dividers lab
  • Brutal-blue interactive states lab
  • Brutal-blue surfaces lab
  • Brutal-blue typography pairings lab
  • Brutal-red borders & dividers lab
  • Brutal-red interactive states lab
Colors · Palettes
  • Brutal-blue background colors
  • Brutal-blue border colors
  • Brutal-blue gradient colors
  • Brutal-blue palette
  • Brutal-blue text colors
  • Brutal-red background colors
Colors · Shades
  • Brutal-blue 100
  • Brutal-blue 200
  • Brutal-blue 300
  • Brutal-blue 400
  • Brutal-blue 50
  • Brutal-blue 500
  • All 389 in Colors →
Variants 2
Variants
  • Responsive prefixes in v1
  • Variants
  • All 2 in Variants →
Responsive Design 9
Responsive
  • Breakpoint strategy
  • Responsive design
Responsive · Screens
  • The k8: screen (3840px)
  • The lg: screen (1024px)
  • The md: screen (768px)
  • The sm: screen (640px)
  • The uhd: screen (2560px)
  • The xl: screen (1280px)
  • All 9 in Responsive Design →
Design Components 13
Components
  • Alerts, badges & progress
  • Brutalist components
  • Buttons (btn-*)
  • Cards (card-*)
  • Design components
  • Form controls
  • All 13 in Design Components →
Themes 1
Themes
  • The v1 design language
  • All 1 in Themes →
Recipes 93
Recipes
  • 404 page
  • Activity feed
  • Announcement bar
  • Author box
  • Avatar group
  • Badge set
  • All 93 in Recipes →
Layout Patterns 17
Layout patterns
  • Layout patterns
Layout Patterns
  • Container-Adaptive Widget pattern
  • Sticky Two-Column pattern
  • The App Shell pattern
  • The Bento Grid pattern
  • The Card Grid pattern
  • The Centered Hero pattern
  • All 17 in Layout Patterns →
Tutorials 21
Tutorials
  • Tutorials
Tutorials · Build a Blog
  • Article typography
  • Post cards & listing
Tutorials · Build a SaaS Landing Page
  • FAQ, final CTA & footer
  • Features grid
  • Pricing table
  • The hero
  • The navbar
  • Wireframe in utilities
Tutorials · Build an Admin Dashboard
  • Forms & modals
  • Stat cards
  • The app shell
  • The data table
  • All 21 in Tutorials →
Cookbook 190
Cookbook
  • 16:9 video embeds
  • 404 page
  • Activity feed
  • Adaptive header logo
  • Anchorable headings
  • Animated counters slot
  • All 190 in Cookbook →
Integrations 5
Integrations
  • Loading v1 fast
  • React (CDN era)
  • Static HTML
  • Using Nakshora 1.0 in your stack
  • WordPress
  • All 5 in Integrations →
Accessibility 13
Accessibility
  • Accessibility
  • Accessibility audit checklist
  • Accessible forms
  • Accessible images
  • Accessible tables
  • Color contrast
  • All 13 in Accessibility →
Design Guides 19
Design guides
  • Design guides
Design Guides
  • Accessibility-driven design
  • Brand systems for developers
  • Brutalist design
  • Color theory for interfaces
  • Content-first design
  • Design tokens in practice
  • All 19 in Design Guides →
Blueprints 12
Blueprints
  • Agency landing page blueprint
  • Creative portfolio landing page blueprint
  • E-commerce landing page blueprint
  • Education / course landing page blueprint
  • Healthcare landing page blueprint
  • Non-profit landing page blueprint
Industry blueprints
  • Industry blueprints
  • All 12 in Blueprints →
Lookbooks 11
Lookbooks
  • App promo lookbook
  • Brutalist poster lookbook
  • Event page lookbook
  • Glass landing lookbook
  • Lookbooks
  • Minimal docs lookbook
  • All 11 in Lookbooks →
Q&A 41
Questions & Answers
  • Q: How do I add space between siblings?
  • Q: How do I align icons with text?
  • Q: How do I align numbers in a column?
  • Q: How do I build a divider with a label?
  • Q: How do I build a simple grid of icons?
  • Q: How do I build a simple tooltip?
  • All 41 in Q&A →
FAQ 89
FAQ
  • Are class names stable across versions?
  • Can designers use Nakshora?
  • Can I contribute?
  • Can I customize the theme?
  • Can I disable parts of the framework?
  • Can I extend the spacing scale?
  • All 89 in FAQ →
Troubleshooting 26
Troubleshooting
  • Fix: @apply throws on a variant class
  • Fix: Arbitrary value with spaces breaks
  • Fix: Build is slow
  • Fix: Colors look wrong after upgrade
  • Fix: Container queries have no effect
  • Fix: CSS is huge in production
  • All 26 in Troubleshooting →
Comparisons 31
Comparisons
  • aspect-ratio vs padding-top hack
  • CDN vs compiled CSS
  • Class vs media dark mode
  • Comparisons
  • Component classes vs pure utilities
  • Design tokens vs hard-coded values
  • All 31 in Comparisons →
Class Spotlight 263
Class spotlight
  • Class spotlight
Class Spotlight
  • -translate-y-1
  • absolute
  • accent-blue-600
  • active:scale-95
  • animate-pulse
  • animate-spin
Era Spotlight
  • accordion in Nakshora 1.0
  • alert-brutal in Nakshora 1.0
  • alert-neon in Nakshora 1.0
  • animate-neonGlow in Nakshora 1.0
  • badge-neon in Nakshora 1.0
  • bg-neon-cyan-500 in Nakshora 1.0
  • All 263 in Class Spotlight →
Cheat Sheets 9
Cheat Sheets
  • Cheat sheets
  • v1 color cheat sheet
  • v1 components cheat sheet
  • v1 effects cheat sheet
  • v1 layout cheat sheet
  • v1 screens cheat sheet
  • All 9 in Cheat Sheets →
Glossary 701
Glossary
  • 301
  • 302
  • 308
  • A11y
  • Above the fold
  • Above-the-fold CTA
  • All 701 in Glossary →
Teams & Ops 7
Teams & Operations
  • Design system governance
  • Onboarding developers to utility-first
  • Performance budgets
  • Reviewing utility markup
  • Support & escalation
  • Versioning policy for teams
  • All 7 in Teams & Ops →
Deployment 5
Deployment
  • Cloudflare Pages
  • GitHub Pages
  • Netlify
  • S3 + CloudFront
  • Vercel
  • All 5 in Deployment →
Releases & Migration 5
Migration
  • Migrating from Nakshora v1 to v3
  • Migrating from Nakshora v2 to v3
  • Migrating from Tailwind CSS to Nakshora
Releases
  • License & attribution
  • What's new in Nakshora 1.0
  • All 5 in Releases & Migration →
Feature Notes 8
Feature Notes
  • 19 hand-tuned HSL palettes (neon, pastel, brutal, nature, mono)
  • 8 responsive screens up to 8K (k8)
  • CSS custom properties for every token
  • Dark, neon-first visual language
  • Neumorphism helpers (neu-light) and skeleton loaders
  • Ready-made components: buttons, cards, glass, accordion, dropdown, …
  • All 8 in Feature Notes →
Tokens 11
Tokens
  • --space-0 token
  • --space-1 token
  • --space-2 token
  • --space-3 token
  • --space-4 token
  • --space-5 token
  • All 11 in Tokens →
v1 Originals 12
v1 Originals
  • Accessibility in the frozen era
  • Component states in v1
  • Reading v1 as tokens
  • Serving the frozen file fast
  • The brutal voice
  • The fluid text scale
  • All 12 in v1 Originals →
Docs/ Nakshora 1.0/ Tags/ #cheatsheets — tagged pages

#cheatsheets — tagged pages

TagsNakshora 1.0Updated 2026-09-151 tags

9 pages tagged “cheatsheets” in this release — a topic cluster of the Nakshora documentation.

#cheatsheets — tagged pages — Nakshora Docs
Tags · Nakshora Docs editorial library

9 pages carry the cheatsheets tag. Topic clusters like this one are how the documentation cross-connects beyond the sidebar.

Pages#

PageSection
v1 layout cheat sheetCheat Sheets
v1 color cheat sheetCheat Sheets
v1 components cheat sheetCheat Sheets
v1 typography cheat sheetCheat Sheets
v1 effects cheat sheetCheat Sheets
v1 screens cheat sheetCheat Sheets
v1 spacing cheat sheetCheat Sheets
v1 tokens cheat sheetCheat Sheets
Cheat sheetsCheat Sheets

More clusters#

All tags · Utilities · Introduction

On this page
  • Pages
  • More clusters

Versions

Nakshora Nakshora 3.1 — latestNakshora Nakshora 3.0Nakshora Nakshora 2.0Nakshora Nakshora 1.0 All versions

Platform

Features About Nakshora llms.txt humans.txt Sitemap

Framework

nakshora.bsdc.info.bd Playground npm · @nakshora/core GitHub repository

RRC Development

Rizwan Rahim Chowdhury RRC Development rrc.bsdc.info.bd License · MIT
© 2024–2026 Rizwan Rahim Chowdhury · RRC Development · নক্ষত্র Nakshora Docs — 9,399 articles · zero-runtime · MIT