HeaderFrame

Perfect header components with 4 beautiful variants: Dark Header, Rounded Purple Header, Two-Tier Header, and Modern Header. Each variant is designed with custom CSS styling via className, smooth animations, and full responsive support. You can apply additional CSS classes using the className prop to customize the header appearance. Includes skeleton loader variants for all header types.

Variants

PreviewCode

Dark HeaderRounded Purple HeaderTwo-Tier HeaderModern HeaderDark Header SkeletonRounded Purple Header SkeletonTwo-Tier Header SkeletonModern Header Skeleton

Dark Header

HeaderClassic

Mantine UI style headers with 6 beautiful variants: Multiple Layers, Mega Menu, Menus, Search, Simple, and Tabs. Each variant follows Mantine UI design patterns with clean, modern styling and full responsive support.

Variants

PreviewCode

Header with Multiple LayersHeader with Mega MenuHeader with MenusHeader with SearchSimple HeaderHeader with TabsMultiple Layers SkeletonMega Menu SkeletonMenus SkeletonSearch SkeletonSimple SkeletonTabs Skeleton

Header with Multiple Layers

Privacy & SecurityAccount settingsSupport options

HeaderElite

Completely unique premium header components with 9 innovative variants: Split Asymmetric, Neon Cyberpunk, Morphing Shapes, Particle Interactive, Clean Minimal, Professional Business, Modern Gradient, Simple Navigation, and Ultra Minimal. Includes 4 cutting-edge design patterns with advanced animations, plus 5 Tailblocks-inspired clean and professional variants. Each variant features full responsive support and modern design patterns.

Variants

PreviewCode

Split Asymmetric HeaderNeon Cyberpunk HeaderMorphing Shapes HeaderParticle Interactive HeaderClean Minimal HeaderProfessional Business HeaderModern Gradient HeaderSimple Navigation HeaderUltra Minimal Header

Split Asymmetric Header