MintUI Components

Ready-to-use components for Nuxt 4 + TailwindCSS.

Primitives

ButtonInteractive button with 10 variants, 4 sizes and loading/success/error states.BadgeInline label for categories, statuses or tags.AvatarAvatar with image, initials fallback and 3 sizes.SeparatorHorizontal or vertical separator line.SwitchToggle on/off with optional label.CardContent card with composable header, body and footer.PricingCardReady-to-use pricing card.

Feedback

AlertAlert message with 4 semantic variants.AccordionCollapsible panel with smooth animation.

Inputs

InputInput field with label, hint, error and states.

Navigation

NavbarStandard navigation bar with menu and avatar.NavbarCenteredNavbar with centered logo and navigation links.NavbarFloatingFloating navbar with glassmorphism effect.NavbarMorphNavbar that transforms on scroll.

Dashboard

DashLayoutDashboard layout with sidebar and navbar.DashNavbarDashboard navbar with search and actions.DashContentMain dashboard content area.DashSidebarDashboard navigation sidebar.

Data

StatStatistics card with value and trend.TableData table with sorting and styles.ChartCharts via ApexCharts (line, bar, donut...).

Sections

HeroCentricCentered hero section with CTA.HeroGlowHero section with gradient glow effect.HeroSplitTwo-column hero section with text + visual.FaqFAQ section with accordions.

Landing Pages

Creative agency landing page, editorial black & white style.

Modern SaaS/app landing page with animated hero.

Complete SaaS landing page with pricing and features.

A sleek, highly artistic portfolio template for creators.

Dynamic and glassmorphic landing page for conferences.

Dashboard DataPage

A highly technical, data-heavy analytics dashboard.

Dashboard CRMPage

A clean, bright, and highly organized Project Management / CRM dashboard.

Craftsman and ceramics studio landing page with earthy tones.

Organic ShopPage

Fresh farm-to-table organic shop with natural colors.

HairdresserPage

Modern, chic hair salon landing page with booking emphasis.

Elegant, dark-themed fine dining personal chef experience.