Nuxt UI is a collection of reusable components and utilities for building apps. This plugin integrates Nuxt UI components directly into Luna Park.
This plugin can be installed directly from the Luna Park application:
- Open your project in Luna Park.
- Navigate to the Library menu.
- Click on Install Plugins.
- Search for "Nuxt UI" and install it.
Click the Nuxt UI button in the editor header to open the plugin workspace, where you can customize the theme the same way as the Nuxt UI theme builder:
| Section | Settings |
|---|---|
| Presets | Default, Mono, Sky, Mint, Iris, Crimson, Coral, Sunset |
| Colors | Primary, secondary, success, info, warning, error, neutral, black as primary |
| Typography | Sans, serif and mono Google Fonts |
| Style | Radius, icon set, default size, default variant of buttons, inputs and panels |
| General | Color mode, locale |
The theme applies live in the editor and is exported to the generated app.
This plugin provides a wide range of components organized into the following categories:
- Chat: Components for building chat interfaces.
- Dashboard: Widgets and layout elements for dashboards.
- Data: Components for displaying data (tables, lists, etc.).
- Element: Basic UI elements (buttons, badges, avatars).
- Form: Input fields, selects, checkboxes, and other form elements.
- Layout: Structural components for page layout.
- Navigation: Menus, breadcrumbs, and other navigation aids.
- Overlay: Modals, slide-overs, tooltips, and notifications.
- Page: High-level page structure components.