Skip to content

πŸŽ‰ Maz-UI v4 is here!

Discover the latest major release with improved performance, better tree-shaking, and enhanced TypeScript support, advanced theming, translations, icons set and more.

Collection of standalone components, plugins, directives, composables and more

Lightweight and efficient library for Vue & Nuxt

8585
$28945$28945
Total Revenue
6565
384384
New Orders
9292
14821482
Active Customers
7878
94%94%
Customer Satisfaction
Recent Orders
Order ID
Customer
Product
Amount
Status
Date
1John DoePremium Headphones $169.99completed2024-03-18
2Jane SmithWireless Speaker $89.99pending2024-03-18
3Mike JohnsonSmart Watch $299.99processing2024-03-17
4Sarah WilsonLaptop Stand $49.99completed2024-03-17
5Tom BrownUSB-C Hub $79.99completed2024-03-16

Sales Overview

Sales Target

75%
Drag the slider to adjust sales target

Monthly Target

$75,000

Achieved

$50,000

Maz-UI
Maz-UI

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.

Ecosystem

Popular Components & Modules

πŸ“ž Component

MazInputPhoneNumber

A powerful phone number input component with international number formatting and validation.

Discover
πŸͺŸ Component

MazPopover

A powerful popover component with various customization options and smooth animations.

Discover
✏️ Component

MazInput

A versatile input component with various customization options and validation support.

Discover
πŸ”” Plugin

Toast

A simple and customizable toast notification module to display messages to users.

Discover

Latest Components & Modules

✨ Component

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.

Discover
🎭 Component

MazAnimatedElement

A versatile animation component that adds smooth entrance animations to any element. Features multiple animation directions and customizable timing for creating engaging UI interactions.

Discover
πŸ”¦ 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 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

useDisplayNames

A Vue composable that provides functions to work with localized display names based on ISO codes, leveraging the Intl.DisplayNames API.

Discover
πŸ“Š Component

MazTable

A powerful table component with sorting, search, pagination and selection features. Perfect for displaying and managing tabular data in an interactive manner.

Discover