Header Section
Page header and hero section components featuring headlines, titles, descriptions, and call-to-action elements. Includes centered and left-aligned layouts with various interactive elements like buttons, tabs, email inputs, and search fields.
Style One
Centered header with headline, title, and description. Features slotted content area for custom buttons or CTAs. Clean minimal design with responsive text sizing.
Style Two
Centered header with dual button layout. Includes headline, title, description, and two action buttons (outline and solid variants) for primary and secondary CTAs.
Style Three
Centered header with billing toggle tabs. Features monthly/annual billing selector with badge highlighting savings. Ideal for pricing pages with plan options.
Style Four
Centered header with email signup form. Features email input with submit button and privacy policy text. Wide form layout optimized for newsletter signups.
Style Five
Centered header with search input. Clean design featuring search icon input field. Perfect for documentation sites, knowledge bases, or product search pages.
Style Six
Left-aligned header with slotted content. Features headline, title, and description aligned to the left. Provides flexible slot for custom action elements.
Style Seven
Left-aligned header with dual buttons. Similar to Style Six but includes outline and solid button pair for primary and secondary actions.
Style Eight
Left-aligned header with billing tabs. Features monthly/annual billing toggle with savings badge. Left-aligned variant of the pricing header layout.
Style Nine
Left-aligned header with email form. Email signup form with privacy policy notice. Left-aligned layout for newsletter subscription or waitlist signups.
Style Ten
Left-aligned header with search field. Features search icon input aligned to the left. Ideal for category pages or filtered content sections.
Style Eleven
Split header with headline and title on left, description on right. Two-column responsive layout that balances heading content with supporting description text.
Style Twelve
Split header with dual buttons. Two-column layout with headline/title on left, description on right, and action buttons below for balanced content presentation.
Style Thirteen
Split header with billing tabs. Two-column layout featuring headline/title split with description and billing period selector. Perfect for pricing page headers.
Style Fourteen
Split header with email signup. Two-column layout with email form and privacy notice. Balanced presentation for lead generation and newsletter signups.
Style Fifteen
Split header with search input. Two-column layout featuring search field. Ideal for content-heavy pages requiring prominent search functionality.
Forgot & Reset Password
Password recovery and reset components including email input, success confirmation, password reset, OTP verification, and two-step authentication. Features centered layouts, card designs, split-screen layouts, and clear user feedback.
Hero
Hero section components for landing pages featuring headlines, CTAs, images, videos, and form inputs. Includes split layouts, centered designs, background patterns, and smooth animations using Motion-v.