Maz-UI
Lightweight and efficient library
Standalone components and tools for Vue & Nuxt
Skip to content 
Get StartedComponentsPluginsComposablesHelpersDirectives 0
⚡️
Standalone
All components or tools are standalone; if you want, you can use only one module from this library. You don't need to install the whole library.
👨❤️👨
SSR Friendly
All components work with Nuxt, no need to install components on the client side.
🔐
Typescript
This library is written in Typescript, so all types and declarations are directly available.
💄
Theming
Created with TailwindCSS | Optimized CSS file sizes | Complies with all CSS best practices | Use your theme easily.
DiscoverPopular Components & Modules
📞 Component
MazPhoneNumberInput
A powerful phone number input component with international number formatting and validation.
Discover ✏️ Component
MazInput
A versatile input component with various customization options and validation support.
Discover 🔔 Plugin
Toaster
A simple and customizable toast notification module to display messages to users.
DiscoverLatest Components & Modules
🔦 Component
MazCardSpotlight
A beautiful card component with a spotlight effect that follows your cursor movement. Perfect for highlighting important content or creating engaging UI elements.
Discover 📝 Composable
useFormValidator
A Vue 3 composable designed to simplify form validation using Valibot as the validation library. Offers a flexible and typed approach to handle form validation.
Discover 📋 Component
MazChecklist
A versatile checklist component with integrated search functionality, perfect for managing multiple selections with an intuitive user interface.
Discover 💬 Plugin
Dialog
A zero-template dialog solution - no component needed in your templates. Just use the composable function to display promised dialogs with full TypeScript support and customization options.
Discover 🖼️ Directive
v-fullscreen-img
A powerful directive to display images in fullscreen with zoom capabilities, hover effects and smooth animations. Perfect for galleries and image previews.
Discover 🌍 Composable
useLanguageDisplayNames
A Vue 3 composable that provides functions to work with language display names based on ISO codes, leveraging the Intl.DisplayNames API.
Discover