# maz-ui > Vue 3 and Nuxt UI library: components, composables, directives and plugins, with an ecosystem of packages for theming (@maz-ui/themes), icons (@maz-ui/icons), helpers (@maz-ui/utils), translations (@maz-ui/translations), Nuxt (@maz-ui/nuxt) and AI agents (@maz-ui/mcp). Styling is powered by Tailwind CSS v4 theme tokens. Documentation of the latest maz-ui release. Each link points to the markdown version of a page. The same files ship in the npm package (`node_modules/maz-ui/docs/`), matching the installed version, and through the MCP server `npx @maz-ui/mcp`. - [Rules for AI agents](https://maz-ui.com/rules.md): how to use maz-ui and its ecosystem instead of re-implementing it. ## Guides - [AI agents](https://maz-ui.com/guide/ai-agents.md): Make Claude Code, Cursor, GitHub Copilot, Codex and the other AI coding agents use maz-ui and its ecosystem instead of re-implementing it - project rules, MCP server, version-ma... - [Browser support](https://maz-ui.com/guide/browser-support.md): Maz-UI v5 browser compatibility matrix and the native CSS features it depends on. - [Getting Started](https://maz-ui.com/guide/getting-started.md): Build Vue and Nuxt applications faster with Maz-UI v5 - The modern, modular component library - [Global component defaults](https://maz-ui.com/guide/global-defaults.md): Set default prop values once for every Maz-UI component through the MazUi plugin or the Nuxt module - [MazUiProvider](https://maz-ui.com/guide/maz-ui-provider.md): A component-based alternative to the MazUi plugin for initializing theme and translations, ideal for lazy-loaded pages and micro-frontends. - [Maz-UI v5.0.0 Migration Guide](https://maz-ui.com/guide/migration-v5.md): What changes for you when upgrading from Maz-UI v4 to v5 - [Auto-Import Resolvers](https://maz-ui.com/guide/resolvers.md): Complete guide to Maz-UI auto-import resolvers for effortless component, directive, and composable imports - [Tailwind CSS](https://maz-ui.com/guide/tailwind.md): Use and extend the maz-ui theme in your own Tailwind CSS v4 setup - theme colors, radius, shadows, spacing, breakpoints, custom utilities, dark mode, and how to add your own tok... - [Install maz-ui with Vue](https://maz-ui.com/guide/vue.md): Maz-UI is a Vue.js UI library that provides a set of pre-built components, plugins, directives and utilities to help you build modern, responsive, and accessible web applications. ## Components (maz-ui) - [MazAccordion](https://maz-ui.com/components/maz-accordion.md): MazAccordion is a standalone component that allows you to create an accordion with a title and content. - [MazAlert](https://maz-ui.com/components/maz-alert.md): MazAlert is an accessible component for displaying contextual feedback messages like success, warning, error, or informational notifications with customizable colors, icons, and... - [MazAnimatedCounter](https://maz-ui.com/components/maz-animated-counter.md): MazAnimatedCounter is a standalone component that allows you to animate a number from 0 to a specific value. Fully animated with CSS. - [MazAnimatedElement](https://maz-ui.com/components/maz-animated-element.md): MazAnimatedElement is a standalone component that animates its content with a sliding blur effect when it enters the viewport. It supports different animation directions (up, do... - [MazAnimatedText](https://maz-ui.com/components/maz-animated-text.md): MazAnimatedText is a standalone component that animates text with a sliding blur effect. It can highlight the last word with a gradient background and supports different animati... - [MazAvatar](https://maz-ui.com/components/maz-avatar.md): MazAvatar is a standalone component that displays an image or an icon with a caption. It can be used to display a user's profile picture, a placeholder image, or an icon. - [MazBackdrop](https://maz-ui.com/components/maz-backdrop.md): MazBackdrop is a flexible backdrop component that provides a foundation for modals, drawers, bottom sheets and any overlay content. It handles focus management, keyboard navigat... - [MazBadge](https://maz-ui.com/components/maz-badge.md): MazBadge is a standalone component to show short text in colored container - [MazBottomSheet](https://maz-ui.com/components/maz-bottom-sheet.md): MazBottomSheet is a standalone component like a simple dialog but anchored at the bottom of the screen. Full-width on mobile and constrained/centered on desktop, with a header (... - [MazBtn](https://maz-ui.com/components/maz-btn.md): MazBtn is a standalone component that replaces the standard html button with a beautiful design system. Many options like colors, sizes, disabled state, loading state, icons are... - [MazBtnGroup](https://maz-ui.com/components/maz-btn-group.md): MazBtnGroup is a component to group multiple MazBtn buttons together with seamless styling. Supports props-based or slot-based rendering with customizable orientation, size, and... - [MazCard](https://maz-ui.com/components/maz-card.md): MazCard is a standalone component to display some texts and images and also add button actions - [MazCardSpotlight](https://maz-ui.com/components/maz-card-spotlight.md): MazCardSpotlight is a card with a glowing spotlight that follows the mouse cursor on its border and background, to highlight features, pricing plans or call to actions - [MazCarousel](https://maz-ui.com/components/maz-carousel.md): MazCarousel is a standalone component to display and manage items in a row - [MazChart](https://maz-ui.com/components/maz-chart.md): MazChart is a standalone component which generates graphics & charts with chart.js - [MazCheckbox](https://maz-ui.com/components/maz-checkbox.md): MazCheckbox is a standalone component that replaces the standard html input checkbox. Color options are available. - [MazChecklist](https://maz-ui.com/components/maz-checklist.md): MazChecklist is a standalone component that allows creating a checklist with integrated search functionality. It provides a flexible and customizable user interface for selectin... - [MazCircularProgressBar](https://maz-ui.com/components/maz-circular-progress-bar.md): MazCircularProgressBar displays a percentage or a progress in an animated ring, with a configurable size, color, duration and content in the center - [MazCodeHighlight](https://maz-ui.com/components/maz-code-highlight.md): MazCodeHighlight displays source code with syntax highlighting powered by shiki. It auto-detects dark/light mode, ships with a copy-to-clipboard button, a language badge, and su... - [MazContainer](https://maz-ui.com/components/maz-container.md): MazContainer is a lightweight component to wrap content with optional header, border, elevation, and rounded corners - a simpler alternative to MazCard - [MazDatePicker](https://maz-ui.com/components/maz-date-picker.md): A powerful and flexible date picker component with support for single dates, date ranges, time selection, and extensive customization options - [MazDialog](https://maz-ui.com/components/maz-dialog.md): MazDialog is a standalone dialog component to show important informations to the user or propose specific action. Many options are available. You can hide the header or the foot... - [MazDialogConfirm](https://maz-ui.com/components/maz-dialog-confirm.md): MazDialogConfirm is a standalone component that dialogs with the user to show important information and propose confirmation. You should wait for this response with await. - [MazDrawer](https://maz-ui.com/components/maz-drawer.md): MazDrawer is a panel that slides in from the top, the bottom, the left or the right side of the screen over a backdrop, for side menus, filters or details - [MazDropdown](https://maz-ui.com/components/maz-dropdown.md): MazDropdown is a standalone dropdown menu component and versatile designed for various use cases. - [MazDropzone](https://maz-ui.com/components/maz-dropzone.md): MazDropzone is a powerful and flexible file upload component with drag & drop support, progress tracking, and customizable UI. Perfect for handling single or multiple file uploa... - [MazExpandAnimation](https://maz-ui.com/components/maz-expand-animation.md): MazExpandAnimation is a standalone component that allows you to animate the height of a block element - [MazFullscreenLoader](https://maz-ui.com/components/maz-fullscreen-loader.md): MazFullscreenLoader covers the whole page with a backdrop and a spinner to block the interface during a global loading - [MazGallery](https://maz-ui.com/components/maz-gallery.md): MazGallery is a standalone component used to display images in a container and has many options and actions - [MazIcon](https://maz-ui.com/components/maz-icon.md): A flexible icon component that accepts Vue components, raw SVG strings, URLs and data URIs. - [MazInput](https://maz-ui.com/components/maz-input.md): MazInput is a standalone component that replaces the standard html input text with a beautiful design system. Many options like colors, sizes, disabled, loading, error, warning,... - [MazInputCode](https://maz-ui.com/components/maz-input-code.md): This component creates a customizable input code field with features like dynamic code length, alpha character support, and styling based on states (error, success, warning). Th... - [MazInputNumber](https://maz-ui.com/components/maz-input-number.md): MazInputNumber is a number input component with increment and decrement buttons for user-friendly input. Customizable size, disabled state, and limit values. - [MazInputPhoneNumber](https://maz-ui.com/components/maz-input-phone-number.md): MazInputPhoneNumber is a powerful and user-friendly component that helps users enter and validate phone numbers from any country with automatic formatting and validation - [MazInputPrice](https://maz-ui.com/components/maz-input-price.md): MazInputPrice is a standalone component that replaces the standard html input text and formats the text enter according to the currency provided - [MazInputTags](https://maz-ui.com/components/maz-input-tags.md): MazInputTags is a standalone component like free inputs to help user select many values and return an Array of strings. Color options are also available. - [MazLazyImg](https://maz-ui.com/components/maz-lazy-img.md): MazLazyImg is a standalone component to display images and svgs with lazy loading - [MazLink](https://maz-ui.com/components/maz-link.md): MazLink is a standalone component to create links and buttons. - [MazLoadingBar](https://maz-ui.com/components/maz-loading-bar.md): MazLoadingBar is an indeterminate progress bar to show that something is loading, typically at the top of a page or a container - [MazMarkdownEditor](https://maz-ui.com/components/maz-markdown-editor.md): MazMarkdownEditor is a GitHub-style markdown editor with Write/Preview/Split tabs, a configurable formatting toolbar, optional line numbers, and a sanitized preview. It shares t... - [MazPagination](https://maz-ui.com/components/maz-pagination.md): MazPagination lets users navigate between the pages of a list or a table, with first, previous, next and last buttons and the current page in v-model - [MazPopover](https://maz-ui.com/components/maz-popover.md): MazPopover is a versatile Vue component for displaying content in overlays that bypass overflow constraints of parent elements - [MazPullToRefresh](https://maz-ui.com/components/maz-pull-to-refresh.md): MazPullToRefresh adds a native-feeling pull to refresh gesture to your app or to any scroll container, with a progress ring, haptic feedback and translated, accessible feedback. - [MazRadio](https://maz-ui.com/components/maz-radio.md): MazRadio is a radio input with a label, colors and sizes to pick one value among several options; see MazRadioButtons for a ready-made group - [MazRadioButtons](https://maz-ui.com/components/maz-radio-buttons.md): MazRadioButtons is a standalone component to select a value in a list. Made with native HTMLInputElement type radio - [MazReadMore](https://maz-ui.com/components/maz-read-more.md): MazReadMore is a standalone component to truncate long text with a "Read more" / "Read less" toggle functionality - [MazReadingProgressBar](https://maz-ui.com/components/maz-reading-progress-bar.md): MazReadingProgressBar is a standalone component to display a reading progress bar - [MazSelect - with "multiple" options](https://maz-ui.com/components/maz-select.md): MazSelect is a standalone component that replaces the standard html input select with a beautiful design system. There are many options like multiple values, search text field,... - [MazSelectCountry](https://maz-ui.com/components/maz-select-country.md): MazSelectCountry is a versatile Vue component for selecting countries or languages with built-in internationalization support and customizable display options - [MazSidebar](https://maz-ui.com/components/maz-sidebar.md): MazSidebar is a composable sidebar system for dashboard, admin, and SaaS applications. It provides a fully accessible, collapsible navigation with multiple display modes. - [MazSidebarContent](https://maz-ui.com/components/maz-sidebar-content.md): Scrollable main area of MazSidebar that holds the groups and the menus. - [MazSidebarFooter](https://maz-ui.com/components/maz-sidebar-footer.md): Bottom area of MazSidebar, for the user menu or secondary actions. - [MazSidebarGroup](https://maz-ui.com/components/maz-sidebar-group.md): Titled and optionally collapsible section of MazSidebar that groups menus. - [MazSidebarHeader](https://maz-ui.com/components/maz-sidebar-header.md): Top area of MazSidebar, for the logo, the name of the app or a workspace switcher. - [MazSidebarMenu](https://maz-ui.com/components/maz-sidebar-menu.md): List of navigation items of MazSidebar. - [MazSidebarMenuButton](https://maz-ui.com/components/maz-sidebar-menu-button.md): Navigation button or link of a MazSidebar menu item, with icon, label, badge, and a tooltip when the sidebar is collapsed. - [MazSidebarMenuItem](https://maz-ui.com/components/maz-sidebar-menu-item.md): Item of a MazSidebarMenu: wraps a MazSidebarMenuButton and its optional MazSidebarMenuSub. - [MazSidebarMenuSub](https://maz-ui.com/components/maz-sidebar-menu-sub.md): Nested submenu of a MazSidebar menu item. - [MazSidebarSeparator](https://maz-ui.com/components/maz-sidebar-separator.md): Divider between the sections of MazSidebar. - [MazSidebarTrigger](https://maz-ui.com/components/maz-sidebar-trigger.md): Button that opens, closes or collapses MazSidebar. - [MazSkeleton](https://maz-ui.com/components/maz-skeleton.md): MazSkeleton is a standalone component to display loading placeholders with animated shimmer effect - [MazSlider](https://maz-ui.com/components/maz-slider.md): MazSlider is a standalone component that replaces the standard html input range with a beautiful design system. Many options like multiple cursors and values, colors, sizes and... - [MazSpinner](https://maz-ui.com/components/maz-spinner.md): MazSpinner is an animated loading indicator with the colors and sizes of the theme, to show that a content or an action is loading - [MazStepper](https://maz-ui.com/components/maz-stepper.md): MazStepper is a standalone UI component customizable, reactive for intuitive step-by-step navigation. Ideal for guiding users through forms, workflows, or checkout processes. - [MazSwitch](https://maz-ui.com/components/maz-switch.md): MazSwitch is a standalone component that replaces the standard html input checkbox. Color options are available. - [MazTable](https://maz-ui.com/components/maz-table.md): MazTable is designed to be a reusable data table with advanced features. Pagination, Search, Column Sorting, Row Selection, UI options, Loading and Slots. - [MazTableCell](https://maz-ui.com/components/maz-table-cell.md): Cell of a MazTableRow, with the size and padding of MazTable. - [MazTableRow](https://maz-ui.com/components/maz-table-row.md): Row of MazTable, when you write the rows by hand in its default slot. - [MazTableTitle](https://maz-ui.com/components/maz-table-title.md): Header cell of MazTable, when you write the header by hand. - [MazTableVirtualizer](https://maz-ui.com/components/maz-table-virtualizer.md): Renderless provider loaded on demand by MazTable to virtualize long lists of rows. - [MazTabs](https://maz-ui.com/components/maz-tabs.md): MazTabs is a standalone component to display content in tabs with animations - [MazTabsBar](https://maz-ui.com/components/maz-tabs-bar.md): Bar of tab buttons of MazTabs. - [MazTabsContent](https://maz-ui.com/components/maz-tabs-content.md): Container of the tab panels of MazTabs. - [MazTabsContentItem](https://maz-ui.com/components/maz-tabs-content-item.md): Panel of MazTabs displayed when its tab is active. - [MazTextarea](https://maz-ui.com/components/maz-textarea.md): MazTextarea is a standalone component that replaces the standard html textarea input with a beautiful design system. Many options like colors, disabled, error, warning, success... - [MazTicker](https://maz-ui.com/components/maz-ticker.md): MazTicker is a scrolling ticker component that continuously animates content in a loop with configurable speed, direction, pause controls, and gradient overlays - [MazTimeline](https://maz-ui.com/components/maz-timeline.md): MazTimeline is a step/progress timeline component for Vue 3 with support for horizontal, vertical, and responsive layouts, customizable colors, sizes, step states, and scoped slots - [MazUiProvider](https://maz-ui.com/components/maz-ui-provider.md): Component alternative to the MazUi plugin: provides the theme, the translations and the default props of maz-ui to its subtree (lazy loaded pages, scoped themes). - [MazWindowMockup](https://maz-ui.com/components/maz-window-mockup.md): MazWindowMockup renders a macOS-style window frame in three variants - browser, terminal, and editor - to showcase content, demos, or code examples in your documentation or UI. ## Composables (maz-ui) - [useAos](https://maz-ui.com/composables/use-aos.md): Vue composable to access the AOS plugin instance (animations on scroll) in your components, to refresh or trigger the animations - [useBreakpoints](https://maz-ui.com/composables/use-breakpoints.md): This composable extends the functionality of the useWindowSize composable to manage responsive breakpoints - [useDialog](https://maz-ui.com/composables/use-dialog.md): Vue composable for handling dialog plugin in your components - [useDisplayNames](https://maz-ui.com/composables/use-display-names.md): useDisplayNames is a Vue composable specialized in displaying localized country names (regions) and language names. It supports various code formats including ISO 639-1 (languag... - [useDrag](https://maz-ui.com/composables/use-drag.md): useDrag is a Vue composable that tracks a pointer drag gesture (touch, mouse and pen) in real time, exposing the live offset, distance and direction. - [useFormValidator](https://maz-ui.com/composables/use-form-validator.md): Vue composables for form validation with any Standard Schema library (Valibot, Zod, ArkType...) - useFormValidator and useFormField provide a flexible and typed approach to hand... - [useIdleTimeout](https://maz-ui.com/composables/use-idle-timeout.md): A Vue composable that provides an easy way to track user inactivity on your website and execute a callback function when the user becomes idle. - [usePullToRefresh](https://maz-ui.com/composables/use-pull-to-refresh.md): usePullToRefresh is a headless Vue composable for the pull to refresh gesture on the window or any scroll container. - [useReadingTime](https://maz-ui.com/composables/use-reading-time.md): This composable allows you to calculate the reading time of a text - [useStringMatching](https://maz-ui.com/composables/use-string-matching.md): Efficient composable for string matching tasks, utilizing Levenshtein distance calculation. Simplify comparison operations with minimal setup. Enhance text similarity checks eff... - [useSwipe](https://maz-ui.com/composables/use-swipe.md): useSwipe is a Vue composable that simplifies the management of "swipe" interactions on HTML elements. - [useTimer](https://maz-ui.com/composables/use-timer.md): The useTimer composable manages timeouts. It allows you to start, pause, resume, and stop a timer with reactive updates on the remaining time. Ideal for handling asynchronous op... - [useToast](https://maz-ui.com/composables/use-toast.md): Vue composable to display toast notifications (info, success, warning, error, with actions and buttons) from your components, through the toast plugin - [useUserVisibility](https://maz-ui.com/composables/use-user-visibility.md): Vue composable to know whether the user is looking at the page (Page Visibility API), with an optional delay before considering them away - [useWait](https://maz-ui.com/composables/use-wait.md): Vue composable to manage loading states (start, stop, check) in your components, through the wait plugin and the MazFullscreenLoader - [useWindowSize](https://maz-ui.com/composables/use-window-size.md): This composable provides a simple utility to track the width and height of the browser window with reactivity ## Directives (maz-ui) - [vClickOutside](https://maz-ui.com/directives/click-outside.md): vClickOutside is a Vue directive to trigger a function when the user clicks outside an element - [vFullscreenImg](https://maz-ui.com/directives/fullscreen-img.md): vFullscreenImg is a Vue directive that opens an image in fullscreen on click, with zoom and navigation between the images of a group - [vLazyImg](https://maz-ui.com/directives/lazy-img.md): vLazyImg is a Vue directive to lazy load images with many options. Images are loaded when they enter the viewport, using a shared IntersectionObserver for optimal performance. - [vTooltip](https://maz-ui.com/directives/tooltip.md): vTooltip is a Vue directive to display a text when the user hovers an element - [vZoomImg](https://maz-ui.com/directives/zoom-img.md): vZoomImg is a Vue directive to enlarge an image like a modal on click, if you have several images, you can pass them like a carousel ## Plugins (maz-ui) - [aos (animation on scroll)](https://maz-ui.com/plugins/aos.md): Plugin to animate elements on your page as you scroll. - [dialog](https://maz-ui.com/plugins/dialog.md): Displays messages to your users in flexible and promised dialogs - [Toast](https://maz-ui.com/plugins/toast.md): A powerful toast notification system for Vue.js that displays user-friendly messages with customizable positioning, styling, and behavior options - [wait](https://maz-ui.com/plugins/wait.md): A comprehensive loading state management plugin for Vue.js that provides easy-to-use utilities for handling async operations, loading indicators, and user feedback during data p... ## Ecosystem packages - [@maz-ui/eslint-config](https://maz-ui.com/ecosystem/eslint-config.md): ESLint flat-config preset for Vue/Nuxt/JS/TS projects, layered on @antfu/eslint-config with SonarJS, Tailwind v3+v4 and a11y add-ons. - [@maz-ui/icons](https://maz-ui.com/ecosystem/icons/index.md): The @maz-ui/icons package provides 860+ SVG icons (interface icons, brand logos, country flags) as tree-shakable Vue components, lazy components or raw SVG strings - [Icon Set](https://maz-ui.com/ecosystem/icons/icon-set.md): Search and copy the 860+ icons of @maz-ui/icons, with the naming convention and the static, lazy and raw imports of each icon - [MCP server](https://maz-ui.com/ecosystem/mcp.md): The maz-ui MCP server gives AI coding agents the version-matched knowledge of maz-ui and its ecosystem - search by need, exact component APIs, icons, Tailwind theme tokens, setu... - [@maz-ui/node](https://maz-ui.com/ecosystem/node/index.md): Lightweight Node.js utilities - promise-based shell execution, an opinionated consola-backed logger, and a banner printer for CLIs. - [Install maz-ui with Nuxt](https://maz-ui.com/ecosystem/nuxt.md): The ultimate Nuxt module for Maz-UI - zero-config setup with auto-imports, theming, internationalization and powerful features out of the box - [@maz-ui/stylelint-config](https://maz-ui.com/ecosystem/stylelint-config.md): Stylelint preset for Vue/Nuxt/JS/TS projects, with first-class Tailwind CSS v4 support, RTL-friendly logical properties, and SCSS opt-in. - [Theming](https://maz-ui.com/ecosystem/themes.md): Modern and performant theme system for Maz-UI built on native CSS features (light-dark(), color-scheme, color-mix(in oklch)) for v5. - [Translations (i18n)](https://maz-ui.com/ecosystem/translations.md): Internationalization of the maz-ui components with @maz-ui/translations: built-in locales, custom messages, lazy loading and runtime locale switching with useTranslations - [@maz-ui/utils](https://maz-ui.com/ecosystem/utils/index.md): Lightweight, tree-shakeable utility functions and TypeScript helpers for Vue, Nuxt and any JavaScript/TypeScript project. ## Helpers (@maz-ui/utils) - [camelCase](https://maz-ui.com/ecosystem/utils/camel-case.md): Convert a kebab-case string to camelCase by stripping dashes and uppercasing the following letter. - [capitalize](https://maz-ui.com/ecosystem/utils/capitalize.md): The module capitalize is a function that adds a capital letter to a string - [checkAvailability](https://maz-ui.com/ecosystem/utils/check-availability.md): Poll a getter until a value is available (or matches an expected value), then run a callback - with timeout and configurable retry interval. - [cookie](https://maz-ui.com/ecosystem/utils/cookie.md): Read, write and delete browser cookies with full attribute support - `path`, `domain`, `maxAge`, `expires`, `secure`, `sameSite`, `partitioned`. - [countryCodeToUnicodeFlag](https://maz-ui.com/ecosystem/utils/country-code-to-unicode-flag.md): Convert country code in unicode flag - [formatCurrency](https://maz-ui.com/ecosystem/utils/currency.md): The module formatCurrency is a function that formats numbers to currency with the native api [Intl.NumberFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/G... - [formatDate](https://maz-ui.com/ecosystem/utils/date.md): The module formatDate is a function that formats dates with the native api [Intl.DateTimeFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/In... - [debounce](https://maz-ui.com/ecosystem/utils/debounce.md): Wrap a function so it only runs after a quiet period - every new call resets the timer. - [debounceCallback](https://maz-ui.com/ecosystem/utils/debounce-callback.md): Module-scoped one-shot debounce - schedule a callback that gets reset on each new call. - [debounceId](https://maz-ui.com/ecosystem/utils/debounce-id.md): Debounce an async function with isolated state per identifier - only the last call resolves, others are cancelled. - [fetchLocaleIp](https://maz-ui.com/ecosystem/utils/fetch-locale-ip.md): Resolve the visitor's ISO country code from their IP address using the free `ipwho.is` service. - [formatJson](https://maz-ui.com/ecosystem/utils/format-json.md): Tiny wrapper around `JSON.stringify` with sensible default indentation. - [formatPhoneNumber](https://maz-ui.com/ecosystem/utils/format-phone-number.md): Format an arbitrary phone-number string into its international representation using `libphonenumber-js`. - [getBrowserLocale](https://maz-ui.com/ecosystem/utils/get-browser-locale.md): Read the user's browser language tag (e.g. `'fr-FR'`, `'en-US'`) - returns `undefined` on the server. - [getCountryFlagUrl](https://maz-ui.com/ecosystem/utils/get-country-flag-url.md): Get country flag from flagcdn.com with a simple function call - [getErrorMessage](https://maz-ui.com/ecosystem/utils/get-error-message.md): Extract a human-readable message from anything thrown - `Error`, `string`, `{ message }` objects, or arbitrary values. - [IdleTimeout](https://maz-ui.com/ecosystem/utils/idle-timeout.md): Detect user inactivity (mouse, keyboard, touch, scroll) and run a callback when the user becomes idle. - [isClient](https://maz-ui.com/ecosystem/utils/is-client.md): Check whether the code is running in a browser environment (has a `document`). - [isEqual](https://maz-ui.com/ecosystem/utils/is-equal.md): Deep structural equality check for primitives, arrays, plain objects and Dates. - [isIos](https://maz-ui.com/ecosystem/utils/is-ios.md): Check whether the page runs on iOS or iPadOS, including iPads that report a desktop Mac user agent. - [isServer](https://maz-ui.com/ecosystem/utils/is-server.md): Check whether the code is running on the server (no `window` or `document`). - [isStandaloneMode](https://maz-ui.com/ecosystem/utils/is-standalone-mode.md): Check whether the app is running as an installed Progressive Web App (PWA) rather than inside a browser tab. - [kebabCase](https://maz-ui.com/ecosystem/utils/kebab-case.md): Convert any common string casing to kebab-case - handles camelCase, PascalCase, snake_case, spaces and consecutive capitals. - [normalizeString](https://maz-ui.com/ecosystem/utils/normalize-string.md): Powerful string normalizer - strip accents, normalize whitespace, remove special characters, change case, and apply Unicode normalization forms. - [formatNumber](https://maz-ui.com/ecosystem/utils/number.md): The module formatNumber is a function that formats numbers with the native api [Intl.NumberFormat](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/... - [pascalCase](https://maz-ui.com/ecosystem/utils/pascal-case.md): Convert any common string casing - kebab, snake, space-separated, camelCase or UPPERCASE - to PascalCase. - [preventIosInputZoom](https://maz-ui.com/ecosystem/utils/prevent-ios-input-zoom.md): Stop iOS from zooming the page when a form field gets the focus, without changing the design of the fields. - [ScriptLoader](https://maz-ui.com/ecosystem/utils/script-loader.md): Class to inject and cache a