Skip to content
Nakshora logoNakshoraDocs
v2.0
v1.0same pagev2.0you are herev3.0same pagev3.1same page
GH
  • Nakshora 2.0 home
Getting Started 8
Getting Started
  • Installing Nakshora 2.0
  • Introduction to Nakshora 2.0
  • Quick start
  • Why Nakshora 2.0?
  • Your first Nakshora 2.0 project, start to finish
Installation
  • Install Nakshora 2.0 with npm
  • Install Nakshora 2.0 with yarn
  • Use Nakshora 2.0 via CDN
  • All 8 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 10
Configuration
  • Class prefixes
  • Configuring Nakshora 2.0
  • Core plugins list
  • Extending vs overriding
  • Important mode
  • Presets
  • All 10 in Configuration →
Utilities Reference 13
Utilities
  • Utilities reference
Utilities · v2
  • Borders & shadows
  • Colors
  • Display & layout
  • Effects
  • Flexbox
  • Gap
  • All 13 in Utilities Reference →
Colors 454
Colors
  • Background color
  • Border & divide color
  • Caret & accent
  • Color system
  • Gradient stops
  • Opacity modifiers
Colors · Lab
  • Amber borders & dividers lab
  • Amber interactive states lab
  • Amber surfaces lab
  • Amber typography pairings lab
  • Blue borders & dividers lab
  • Blue interactive states lab
Colors · Palettes
  • Amber background colors
  • Amber border colors
  • Amber gradient colors
  • Amber palette
  • Amber text colors
  • Blue background colors
Colors · Shades
  • Amber 100
  • Amber 200
  • Amber 300
  • Amber 400
  • Amber 500
  • Amber 600
  • All 454 in Colors →
Variants 4
Variants
  • dark:
  • focus: & focus-visible:
  • hover:
  • Variants
  • All 4 in Variants →
Responsive Design 8
Responsive
  • Breakpoint strategy
  • Responsive design
Responsive · Screens
  • The 2xl: screen (1536px)
  • The lg: screen (1024px)
  • The md: screen (768px)
  • The sm: screen (640px)
  • The xl: screen (1280px)
  • The xs: screen (480px)
  • All 8 in Responsive Design →
Design Components 7
Components
  • Brutalist (.brutalist-card, .brutalist-btn)
  • Design components
  • Glass (.glass, .glass-light, .glass-dark)
  • Helpers (.hover-lift, .gradient-*)
  • Minimalist (.minimalist-card, .minimalist-btn)
  • Neon (.neon-card, .neon-btn, .neon-glow, .neon-text)
  • All 7 in Design Components →
Themes 7
Themes
  • Brutalist theme
  • Creating a custom theme
  • Nature Inspired theme
  • Neon Cyber theme
  • Pastel Dream theme
  • Themes & presets
  • All 7 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 4
Integrations
  • npm script integration
  • Static HTML integration
  • Using Nakshora 2.0 in your build
  • webpack integration
  • All 4 in Integrations →
JavaScript API 2
JavaScript API
  • JavaScript API
  • Theme resolution order
  • All 2 in JavaScript API →
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 →
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 234
Class spotlight
  • Class spotlight
Class Spotlight
  • -translate-y-1
  • absolute
  • accent-blue-600
  • active:scale-95
  • animate-pulse
  • animate-spin
Era Spotlight
  • 2xl:grid-cols-8 in Nakshora 2.0
  • animate-spin in Nakshora 2.0
  • bg-blue-500 in Nakshora 2.0
  • block in Nakshora 2.0
  • border in Nakshora 2.0
  • container in Nakshora 2.0
  • All 234 in Class Spotlight →
Cheat Sheets 10
Cheat Sheets
  • Cheat sheets
  • v2.0 color cheat sheet
  • v2.0 components cheat sheet
  • v2.0 effects cheat sheet
  • v2.0 flex & grid cheat sheet
  • v2.0 layout cheat sheet
  • All 10 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 2.0
  • All 5 in Releases & Migration →
v2 Engine 12
v2 Engine
  • Anatomy of the CSSGenerator
  • Empty media queries, fixed
  • The 50-color pipeline
  • The spacing bug (and its lesson)
  • The story of the five themes
  • The v2 config surface
  • All 12 in v2 Engine →
Docs/ Nakshora 2.0/ Tags/ #migration — tagged pages

#migration — tagged pages

TagsNakshora 2.0Updated 2026-09-151 tags

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

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

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

Pages#

PageSection
Migrating from Nakshora v1 to v3Releases & Migration
Migrating from Nakshora v2 to v3Releases & Migration
Migrating from Tailwind CSS to NakshoraReleases & Migration

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