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-code

Installs 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
1galaxy-dawn avatarweb-design-reviewergalaxy-dawn/claude-scholarThis skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design378skills.sh installs
2mrgoonie avatarweb-frameworksmrgoonie/claudekit-skillsBuild modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, 377skills.sh installs
3syncfusion avatarsyncfusion-blazor-blockeditorsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Block Editor for modular, block-based rich content creation. ALWAYS use when building structured document editors with customizable 376skills.sh installs
4syncfusion avatarsyncfusion-blazor-smart-pastesyncfusion/blazor-ui-components-skillsSet up and use the Syncfusion Blazor Smart Paste Button — AI-powered clipboard-to-form filling with OpenAI, Azure OpenAI, Ollama, or custom AI backends. Covers 376skills.sh installs
5bobmatnyc avatarsvelte5-runes-staticbobmatnyc/claude-mpm-skillsSvelte 5 runes + SvelteKit adapter-static (SSG/SSR) patterns for hydration-safe state, store bridges, and reactivity that survives prerendering373skills.sh installs
6syncfusion avatarsyncfusion-blazor-smart-textareasyncfusion/blazor-ui-components-skillsSet up and configure the Syncfusion Blazor Smart TextArea for AI-powered inline or popup text autocompletion. Covers OpenAI, Azure OpenAI, Ollama, and custom IC371skills.sh installs