Collection of standalone components, plugins, directives, composables and more
Lightweight and efficient library for Vue & Nuxt
Start discovering
Demonstrations
| Order ID | Customer | Product | Amount | Status | Date | |
|---|---|---|---|---|---|---|
| 1 | John Doe | Premium Headphones | $169.99 | completed | 2024-03-18 | |
| 2 | Jane Smith | Wireless Speaker | $89.99 | pending | 2024-03-18 | |
| 3 | Mike Johnson | Smart Watch | $299.99 | processing | 2024-03-17 | |
| 4 | Sarah Wilson | Laptop Stand | $49.99 | completed | 2024-03-17 | |
| 5 | Tom Brown | USB-C Hub | $79.99 | completed | 2024-03-16 |
Sales Overview
Sales Target
75%Monthly Target
$75,000
Achieved
$50,000
Why choose Maz-UI ?
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
MazPhoneNumberInput
A powerful phone number input component with international number formatting and validation.
DiscoverMazInput
A versatile input component with various customization options and validation support.
DiscoverToaster
A simple and customizable toast notification module to display messages to users.
DiscoverLatest Components & Modules
MazAnimatedText
A text animation component that brings your content to life with smooth sliding blur effects and gradient highlights. Perfect for creating engaging headings and text transitions.
DiscoverMazAnimatedElement
A versatile animation component that adds smooth entrance animations to any element. Features multiple animation directions and customizable timing for creating engaging UI interactions.
DiscoverMazCardSpotlight
A beautiful card component with a spotlight effect that follows your cursor movement. Perfect for highlighting important content or creating engaging UI elements.
DiscoveruseFormValidator
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.
DiscoverMazChecklist
A versatile checklist component with integrated search functionality, perfect for managing multiple selections with an intuitive user interface.
DiscoverDialog
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.
Discoverv-fullscreen-img
A powerful directive to display images in fullscreen with zoom capabilities, hover effects and smooth animations. Perfect for galleries and image previews.
DiscoveruseLanguageDisplayNames
A Vue 3 composable that provides functions to work with language display names based on ISO codes, leveraging the Intl.DisplayNames API.
DiscoverMazTable
A powerful table component with sorting, search, pagination and selection features. Perfect for displaying and managing tabular data in an interactive manner.
Discover