Limited time offer: Stream premium African movies for just 4.95€/month!

Introducing

Nuxt UI 3 with Tailwind 4

A beautiful showcase of Nuxt UI 3 components powered by Tailwind CSS 4, featuring custom color themes and modern design principles.

Color Showcase

brand
complementary
accent
neutral
support

Custom Color Themes

Define beautiful custom color palettes that automatically work with all UI components.

Tailwind CSS 4

Leverage the latest features of Tailwind CSS 4 with enhanced performance and capabilities.

Responsive Design

Build interfaces that look great on any device with responsive utilities and components.

Dark Mode

Toggle between light and dark themes with built-in dark mode support across all components.

Composable Components

Combine and customize components to create unique user interfaces with minimal effort.

TypeScript Support

Enjoy full TypeScript support for better developer experience and type safety.

UI Components Showcase

Explore the versatility of Nuxt UI 3 components with our custom color themes.

brandcomplementaryaccentneutralsupport

Buttons

Form Controls

Badges & Pills

Solid Badges

primarysecondaryinfosuccesswarningerror

Badge Variants

solidoutlinesoftsubtle

Badge Sizes

xssmmdlgxl

Alerts

Brand Alert
Complementary Alert
Accent Alert
Support Alert

Progress & Loading

Standard UI Colors

Keyboard Shortcuts

⌘KSearch
DDark Mode

Press ? for full shortcut list

No data

Ready to Get Started?

Join thousands of developers building amazing interfaces with Nuxt UI 3 and Tailwind CSS 4.

Nuxt UI 3 Demo

Built with Nuxt UI 3 and Tailwind CSS 4