Nuxt UI

Nuxt UI is an open-source UI library designed to help you create beautiful, responsive, and accessible web applications with Vue or Nuxt rapidly. It offers a rich collection of over 50 customizable components, meticulously built with Tailwind CSS and Reka UI. This library ensures your projects are not only visually appealing but also adhere to high accessibility standards.

Key advantages include:

• Modern Styling: Components are styled with Tailwind CSS v4, offering beautiful defaults that are easily customizable.
• Accessibility First: Built with Reka UI for robust, out-of-the-box accessibility.
• Type Safety: Full TypeScript support provides auto-completion and type safety for all components.
• Flexible Design System: Easily adapt components to your brand using design tokens, semantic color aliases, and automatic light/dark mode.
• Powerful Customization: Intelligently merge Tailwind CSS classes and customize components globally or individually using a powerful slot and variant system.
• Internationalization (i18n): Support for over 30 languages and LTR/RTL layouts.
• Extensive Iconography: Access over 200,000 icons from Iconify, seamlessly integrated.
• Easy Font Customization: Performance-optimized fonts with first-class @nuxt/fonts integration.

Nuxt UI empowers developers with a flexible design system featuring semantic color aliases and comprehensive design tokens. It also provides powerful component customization through a slot and variant system, global theming via AppConfig, and per-component overrides, enabling fine-tuned control over your UI.