
Maz Ui
This is a full-featured Vue 3 and Nuxt 3 component library with 50+ components, from forms and data tables to animated elements and phone number inputs. It's genuinely standalone, meaning you can import just what you need without dragging in the whole library. The Nuxt integration gives you auto-imports for everything, which is nice when you're building quickly. Comes with dark mode, four theme presets, i18n support, and 840+ icons. The templates are split between pure Vue/Vite and Nuxt patterns, so you get framework-appropriate examples rather than generic code. If you're starting a Vue project and don't want to assemble your own component system, this covers most of what you'd build yourself anyway.
- skills.sh installs
- 380
- GitHub stars
- 248
- last updated
- Aug 21, 2026
Install
$ npx -y skills add secondsky/claude-skills --skill maz-ui --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.9.3 (as of 2026-08-03)
Package: maz-ui | @maz-ui/nuxt | @maz-ui/themes | @maz-ui/translations | @maz-ui/icons
Quick Start
Vue 3 Installation
# Install core packages
pnpm add maz-ui @maz-ui/themes
# Or with npm
npm install maz-ui @maz-ui/themes
Setup in main.ts:
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:
<script setup>
import MazBtn from 'maz-ui/components/MazBtn'
import MazInput from 'maz-ui/components/MazInput'
import { ref } from 'vue'
const inputValue = ref('')
</script>
Sponsors
Details
- Repository
- github.com/secondsky/claude-skills
- Categories
- Frontend Development, Design & UI/UX
- First seen
- Jun 3, 2026
More from secondsky/claude-skills
All 146- React Best Practices380
- Woocommerce Backend Dev379
- Woocommerce Code Review379
- Bun Hono Integration376
- Bun Test Basics375
- Woocommerce Copy Guidelines374
- Woocommerce Dev Cycle374
- Cloudflare Workers Security369
- Bun Nextjs358
- Bun Package Manager358
- Bun Drizzle Integration353
- Bun Docker343
- Bun Runtime342
- Cloudflare Workers Testing340
- Bun Cloudflare Workers338
- Bun Test Coverage337
- Bun Http Server336
- Bun Test Mocking335
- Nuxt Seo335
- Bun Bundler334
- Bun Workers333
- Bun Shell331
- Bun React Ssr330
- Bun Tanstack Start329