The Nuxt Design System
Learn how to master the Nuxt Design System—built on Tailwind CSS—and customize it to match your brand. In this lesson, you’ll explore overriding Tailwind colors and creating custom colors in main.css. Also learn how to map tailwind colors to Nuxt UI’s semantic color system in app.config.ts, so that components look great and fit your needs.
Also learn to customize breakpoints and fonts.
Links
Styling with Nuxt UI
7 lessons • 9 min7:37
CSS Variables in Nuxt UIComing Soon
Styling Nuxt UI Component SlotsComing Soon
Nuxt UI Simple Component VariantsComing Soon
Nuxt UI Compound VariantsComing Soon
Dynamic Variants for Robust Theme Switching in Nuxt UIComing Soon
NEXT CHAPTER
Expanding the Nuxt UI Dashboard3 lessons • 0 min
