maz-ui

# Maz-UI v4 - Vue & Nuxt Component Library Maz-UI is a comprehensive, standalone component library for Vue 3 and Nuxt 3 applications, offering 50+ production-ready components, powerful theming, internationalization, and exceptional developer experience. **Latest Version**: 4.3.3 (as of 2025-12-29) **Package**: `maz-ui` | `@maz-ui/nuxt` | `@maz-ui/themes` | `@maz-ui/translations` | `@maz-ui/icons` ## Quick Start ### Vue 3 Installation ```bash # Install core packages pnpm add maz-ui @maz-ui/themes # Or with npm npm install maz-ui @maz-ui/themes ``` **Setup** in `main.ts`: ```typescript import { createApp } from 'vue' import { MazUi } from 'maz-ui/plugins/maz-ui' import { mazUi } from '@maz-ui/themes' import { en } from '@maz-ui/translations' import 'maz-ui/styles' import App from './App.vue' const app = createApp(App) app.use(MazUi, { theme: { preset: mazUi }, translations: { messages: { en } } }) app.mount('#app') ``` **Use Components**: ```vue <script setup> import MazBtn from 'maz-ui/components/MazBtn' import MazInput from 'maz-ui/components/MazInput' import { ref } from 'vue' const inputValue = ref('') </script> <template> <MazInput v-model="inputValue" label="Name" /> <MazBtn color="primary">Submit</MazBtn> </template> ``` ### Nuxt 3 Installation ```bash # Install Nuxt module pnpm add @maz-ui/nuxt ``` **Setup** in `nuxt.config.ts`: ```typescript export default defineNuxtConfig({ modules: ['@maz-ui/nuxt'] // That's it! Auto-imports enabled 🎉...