Customize your design

The project uses Tailwind CSS for utility-first styling. Design tokens and theme variables make it easy to adjust colors, typography, spacing, and components consistently across the app.

Example of theming with Tailwind CSS
Source: Demo Starter

Theming options

  • Colors — update brand colors via CSS variables
  • Typography — customize fonts and sizes in the Tailwind config
  • Dark mode — built-in support with dark: variants
  • Layout spacing — control padding, margins, and responsive breakpoints

Learn More

  • See Theme Config for advanced customization
  • Explore Components for practical usage