You are currently browsing the v5 documentation - View v4 documentation

Skip to content

- Forms
  Btn
  BtnGroup
  Checkbox
  Checklist
  DatePicker (time, range)
  Input
  InputCode
  InputNumber
  InputPrice
  InputTags
  InputPhoneNumber
  MarkdownEditor new
  Radio
  RadioButtons
  Select (multiple)
  SelectCountry
  Slider
  Switch
  Textarea
- Layout
  Accordion
  Card
  CardSpotlight
  Container
  ReadMore
- Navigation
  Tabs
  Stepper
  Timeline new
  Pagination
  Link
  PullToRefresh
  ReadingProgressBar
  Sidebar new
- Overlays
  Dialog
  DialogConfirm
  Drawer
  BottomSheet
  Popover
  Dropdown
  Backdrop
- Data
  Chart
  Table (data-table)
  Dropzone
- Display
  CodeHighlight new
  WindowMockup new
- Feedback
  Alert
  Spinner
  Skeleton
  LoadingBar
  FullscreenLoader
  CircularProggstressBar
  Badge
- Média
  Avatar
  Gallery
  LazyImg
  Carousel
  Icon
- Animations
  AnimatedCounter
  AnimatedElement
  AnimatedText
  ExpandAnimation
  Ticker new
- Plugins
  aos (animation on scroll)
  dialog
  toast
  wait
- Composables
  useAos
  useBreakpoints
  useDialog
  useDrag new
  useFormValidator
  useIdleTimeout
  useDisplayNames
  usePullToRefresh new
  useReadingTime
  useStringMatching
  useSwipe
  useTimer
  useToast
  useUserVisibility
  useWait
  useWindowSize
- Directives
  v-click-outside
  v-fullscreen-img
  v-lazy-img
  v-tooltip
  v-zoom-img
Themes

Open menu dropdown

Sidebar Navigation

Guide

Getting Started
Vue
Nuxt
Theming
Tailwind CSS
Translations (i18n)
Global component defaults new
MazUiProvider
Resolvers (auto-imports)
Icons
- Icon Set - 860+ icons
Migration v4 to v5
Model Context Protocol (MCP)
Browser Support

Components

Forms
- Btn
  BtnGroup
  Checkbox
  Checklist
  DatePicker (time, range)
  Input
  InputCode
  InputNumber
  InputPrice
  InputTags
  InputPhoneNumber
  MarkdownEditor new
  Radio
  RadioButtons
  Select (multiple)
  SelectCountry
  Slider
  Switch
  Textarea
Layout
- Accordion
  Card
  CardSpotlight
  Container
  ReadMore
Navigation
- Tabs
  Stepper
  Timeline new
  Pagination
  Link
  PullToRefresh
  ReadingProgressBar
  Sidebar new
Overlays
- Dialog
  DialogConfirm
  Drawer
  BottomSheet
  Popover
  Dropdown
  Backdrop
Data
- Chart
  Table (data-table)
  Dropzone
Display
- CodeHighlight new
  WindowMockup new
Feedback
- Alert
  Spinner
  Skeleton
  LoadingBar
  FullscreenLoader
  CircularProggstressBar
  Badge
Média
- Avatar
  Gallery
  LazyImg
  Carousel
  Icon
Animations
- AnimatedCounter
  AnimatedElement
  AnimatedText
  ExpandAnimation
  Ticker new

Plugins

aos (animation on scroll)
dialog
toast
wait

Composables

useAos
useBreakpoints
useDialog
useDrag new
useFormValidator
useIdleTimeout
useDisplayNames
usePullToRefresh new
useReadingTime
useStringMatching
useSwipe
useTimer
useToast
useUserVisibility
useWait
useWindowSize

Directives

v-click-outside
v-fullscreen-img
v-lazy-img
v-tooltip
v-zoom-img

Ecosystem new

@maz-ui/utils new
@maz-ui/node new
@maz-ui/eslint-config new
@maz-ui/stylelint-config new
@maz-ui/icons new
@maz-ui/mcp new
@maz-ui/nuxt
@maz-ui/translations
@maz-ui/themes

On this page

Components

todo

Edit this page on GitHub

Last updated:

Pager

Next pageGetting Started

Made by LouisMazel with 🖤