Nuxt UI

# Nuxt UI > A comprehensive Vue UI component library (Nuxt optional) with 125+ accessible, production-ready, Tailwind CSS components for building modern web applications. ## Installation (Nuxt & Vue) - [Installation](https://ui.nuxt.com/raw/docs/getting-started/installation/nuxt.md): Learn how to install and configure Nuxt UI in your Nuxt application. - [Installation](https://ui.nuxt.com/raw/docs/getting-started/installation/vue.md): Learn how to install and configure Nuxt UI in your Vue application, compatible with both plain Vite and Inertia. ## Getting Started - [Introduction](https://ui.nuxt.com/raw/docs/getting-started.md): Nuxt UI is a comprehensive Vue UI component library (Nuxt optional), offering 125+ accessible, Tailwind CSS components for building modern web applications. - [Installation](https://ui.nuxt.com/raw/docs/getting-started/installation/nuxt.md): Learn how to install and configure Nuxt UI in your Nuxt application. - [Installation](https://ui.nuxt.com/raw/docs/getting-started/installation/vue.md): Learn how to install and configure Nuxt UI in your Vue application, compatible with both plain Vite and Inertia. - [Migration to v4](https://ui.nuxt.com/raw/docs/getting-started/migration/v4.md): A comprehensive guide to migrate your application from Nuxt UI v3 to Nuxt UI v4. - [Migration to v3](https://ui.nuxt.com/raw/docs/getting-started/migration/v3.md): A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3. - [Contribution](https://ui.nuxt.com/raw/docs/getting-started/contribution.md): A comprehensive guide on contributing to Nuxt UI, including project structure, development workflow, and best practices. - [Design System](https://ui.nuxt.com/raw/docs/getting-started/theme/design-system.md): Nuxt UI's design system uses Tailwind CSS for simple theming and easy customization. - [CSS Variables](https://ui.nuxt.com/raw/docs/getting-started/theme/css-variables.md): Nuxt UI uses CSS variables as design tokens for flexible, consistent theming with built-in light and dark mode support. - [Customize components](https://ui.nuxt.com/raw/docs/getting-started/theme/components.md): Learn how to customize Nuxt UI components with the Tailwind Variants API for advanced, flexible, and maintainable styling. - [Icons](https://ui.nuxt.com/raw/docs/getting-started/integrations/icons/nuxt.md): Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify. - [Icons](https://ui.nuxt.com/raw/docs/getting-started/integrations/icons/vue.md): Nuxt UI integrates with Iconify to access over 200,000+ icons. - [Fonts](https://ui.nuxt.com/raw/docs/getting-started/integrations/fonts.md): Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization. - [Color Mode](https://ui.nuxt.com/raw/docs/getting-started/integrations/color-mode/nuxt.md): Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes. - [Color Mode](https://ui.nuxt.com/raw/docs/getting-started/integrations/color-mode/vue.md): Nuxt UI integrates with VueUse to allow for easy switching between light and dark themes. - [Internationalization (i18n)](https://ui.nuxt.com/raw/docs/getting-started/integrations/i18n/nuxt.md): Nuxt UI supports 50+ locales and multi-directional (LTR/RTL) internationalization. - [Internationalization (i18n)](https://ui.nuxt.com/raw/docs/getting-started/integrations/i18n/vue.md): Nuxt UI supports 50+ locales and multi-directional (LTR/RTL) internationalization. - [Content](https://ui.nuxt.com/raw/docs/getting-started/integrations/content.md): Nuxt UI integrates with Nuxt Content to deliver beautiful typography and consistent component styling. - [SSR](https://ui.nuxt.com/raw/docs/getting-started/integrations/ssr.md): Nuxt UI has first-party support for Vue SSR. This guide will help you have it fully enabled. - [MCP Server](https://ui.nuxt.com/raw/docs/getting-started/ai/mcp.md): Use Nuxt UI components in your AI assistants with Model Context Protocol support. […truncated]