A gradient atmosphere hero with decorative primary/secondary color orbs, a gradient-to-solid split headline, staggered entrance animations, and generous spacing — dramatic and eye-catching for marketing pages.
Build production-ready interfaces with a themeable component library powered by Tailwind CSS v4 and Nuxt.
A horizontal split hero using UPageHero with a realistic mock app UI card featuring window chrome, color palette swatches, status badges, and a floating export-success notification — great for product showcases.
A glassmorphism hero with a frosted-glass card over a dot-grid background and primary color glow — centered content with editorial typography and dual action buttons for a modern, premium feel.
Open Source
Design, preview, and export beautiful theme configurations for Nuxt UI v4. Real-time editing with live component previews across light and dark modes.
A search-focused hero with a warm gradient backdrop, decorative ring elements, an elevated search input, and interactive suggestion badges — welcoming and inviting for documentation sites and knowledge bases.
An ultra-minimal hero section using UPageHero with just a bold title and a single call-to-action button — maximum whitespace and visual impact.
A product launch hero combining UPageHero with UPageLogos for social proof — headline badge, bold title, descriptive text, dual CTAs, and a trusted-by logo strip below.
A complete design system with 125+ components, built-in dark mode, and first-class TypeScript support. From prototype to production in record time.
Trusted by teams at