Landing Pages
29 components
Hero 02
A full-width hero section with integrated dashboard preview and indigo gradient theme. Features grid pattern background, customizable content structure with title, subtitle, and CTA button, and embedded dashboard image preview. Spans entire viewport width with professional indigo color scheme, responsive design, and optimized image loading. Perfect for SaaS platforms, development tools, and tech products requiring immersive hero presentation with product showcase.
Carousels 01
An auto-scrolling tag carousel component with colorful category tags, icons, and smooth transitions. Features embla carousel with autoplay functionality, gradient fade effects on edges, responsive design, and customizable tag colors. Each tag includes an icon, text, link navigation, and hover effects with color transitions. Perfect for category navigation, product showcases, feature highlights, and content discovery sections requiring engaging visual presentation with smooth animations.
CTA 01
A premium call-to-action section with gradient background, subtle dot pattern, badge highlight, and dual action buttons. Features engaging visual hierarchy with sparkles icon badge, compelling headline and description, primary and secondary CTAs with hover effects, and responsive design. Perfect for converting visitors with high-impact visual design and clear action paths.
CTA 02
A comprehensive call-to-action section with two-column layout featuring content on the left and interactive video demo on the right. Includes feature highlights with icons, dual action buttons, floating achievement cards, and professional business-focused design. Perfect for enterprise software and B2B service presentations requiring detailed feature showcasing and social proof through statistics.
CTA 03
A sophisticated call-to-action section with subtle pattern background, two-column layout featuring content with checkmark features on the left and statistics cards on the right. Includes trust badge, feature checklist with green checkmarks, dual action buttons, and performance metrics cards with backdrop blur effect. Perfect for showcasing business results and building trust through social proof with quantified metrics.
CTA 04
A centered call-to-action card with plan details, features list, and dual action buttons. Features a popular plan badge, compelling headline, feature checklist with dot indicators, and trust disclaimer. Perfect for converting visitors with a clean, focused design that emphasizes the value proposition and removes distractions.
CTA 05
A hero-style call-to-action section with full-width background image, gradient overlay, and feature highlights. Features compelling headline, three feature cards with icons and descriptions, dual action buttons, and trust disclaimer. Perfect for high-impact conversion pages requiring visual storytelling with professional imagery and clear value propositions.
Hero 01
A modern hero section with gradient background, animated elements, and call-to-action buttons. Features customizable title with gradient text effect, announcement badge, dual CTA buttons with hover animations, and framework logos showcase. Includes animated background gradient, responsive design, and comprehensive customization options for all text, links, and visual elements. Perfect for landing pages, product launches, and marketing sites requiring impactful hero presentation with professional polish.
Stats 04
A comprehensive performance statistics section with background overlay, featuring main metrics with progress bars, detailed feature statistics, bottom stats grid, and certification badges. Perfect for showcasing platform performance, infrastructure metrics, API statistics, security certifications, and system reliability on landing pages and product showcases.
Bento Grid 01
A flexible bento grid layout component perfect for showcasing features, products, or services. Features responsive 2x2 design, header section with subtitle/heading/description, clean card layouts without gradients or buttons. Includes icons, images, badges, and comprehensive customization options.
Bento Grid 02
A clean 2x2 bento grid layout with image-first design and gradient fade effects. Features images positioned at the top of each card with gradient overlays, consistent card layouts, header section with subtitle/heading/description, and hover effects with scale animations. Perfect for visually-driven product showcases, portfolio displays, and marketing pages requiring strong visual emphasis with professional polish.
Bento Grid 03
A clean bento grid with flexible layout: row 1 has 2 equal columns, row 2 has 3 equal columns. Features subheading, title, description, and image structure without icons or additional decorations. Perfect for content-focused product showcases, service highlights, and marketing pages requiring structured information presentation with professional typography and clean visual hierarchy.
Bento Grid 04
A clean bento grid layout inspired by GitHub's security features showcase. Features a prominent main section with supporting cards below in a 3-column responsive layout. Perfect for feature showcases, security platforms, and product demonstrations requiring visual hierarchy with clean design and professional typography.
Newsletter 01
A clean and professional newsletter signup component with centered card layout, icon branding, customizable features list, and form validation. Features responsive design, badge labeling, trust indicators, and privacy disclaimer. Perfect for marketing pages, landing pages, and subscription-based services requiring user email collection with professional presentation.
Newsletter 02
A comprehensive newsletter signup component with split-layout design featuring benefits list, statistics, and detailed form. Features two-column responsive layout with content on the left and form card on the right, customizable benefits with checkmarks, statistics with icons, multi-field form, and professional styling. Perfect for B2B platforms, professional services, and content marketing requiring detailed user information collection.
Newsletter 03
A testimonial-focused newsletter signup component with social proof, customer reviews, and company branding. Features centered layout with testimonials grid, star ratings, customer avatars, branded signup card, and company logos. Perfect for building trust and credibility through social proof while capturing newsletter subscriptions with professional presentation.
Newsletter 04
A hero-style newsletter signup component with full-width background image, gradient overlay, and floating form card. Features split-layout design with compelling hero content on the left and signup form on the right, background image with customizable overlay, gradient text effects, feature bullets with colored dots, statistics display, and glassmorphism form card. Perfect for creative agencies, design platforms, and premium services requiring high-impact visual presentation with immersive signup experience.
Contact 01
A comprehensive contact component with split-layout design featuring contact information sidebar and detailed form. Features contact information with icons and multiline support, response time indicator card, comprehensive form with flexible field configuration, and professional styling. Perfect for business websites, service providers, and professional organizations requiring detailed contact capabilities with user-friendly form submission.
Contact 02
A comprehensive contact component with category-based contact system featuring contact option cards and detailed form. Features customizable contact option cards with hover effects, comprehensive form with priority level radio buttons and inquiry type selection, and quick contact actions. Perfect for support centers, service providers, and businesses requiring categorized contact workflows with priority handling.
Contact 03
A comprehensive team-focused contact component with contact methods, team member showcases, testimonial, and detailed form. Features contact method cards with icons, team member profiles with avatars and roles, customer testimonial with rating, sticky form layout, and project budget selection. Perfect for service-based businesses, agencies, and companies requiring personal connection with potential clients through team visibility.
Contact 04
A hero-style contact component with full-width background image, gradient overlay, and floating form card. Features immersive background design with customizable overlay, compelling hero content with features and statistics, project type and timeline selection, trust indicators, and glassmorphism form card. Perfect for agencies, creative studios, and service providers requiring high-impact visual presentation with comprehensive project inquiry forms.
Features 01
A comprehensive features section with grid layout showcasing platform capabilities. Features 8 feature cards with icons, titles, descriptions, and call-to-action buttons in a responsive grid. Includes header with badge, title, description, and bottom action buttons. Perfect for SaaS platforms, technology companies, and service providers highlighting key product features and capabilities.
Features 02
A detailed features section with alternating image and content layout. Features 3 detailed feature sections with images, statistics, benefit lists with checkmarks, and call-to-action buttons. Uses alternating left-right layout for visual variety and includes gradient image backgrounds. Perfect for showcasing detailed product features, capabilities, and benefits with compelling visuals and statistics.
Features 03
An interactive tabbed features section with comprehensive platform capabilities showcase. Features 4 tabbed sections (Performance, Developer Experience, Scaling, Security) with icons, statistics cards, benefit lists, and additional feature cards. Includes responsive tab navigation and detailed feature presentations. Perfect for SaaS platforms, cloud services, and technical products requiring detailed feature explanations with interactive navigation.
Features 04
A step-by-step process features section with numbered steps, benefit lists, and call-to-action buttons. Features 3 numbered process steps with icons, descriptions, benefit lists with checkmarks, connection lines between steps, and responsive design with mobile-friendly layout. Perfect for onboarding flows, implementation processes, service methodology, and showcasing step-by-step workflows with clear progression indicators.
Pricing Table 01
A clean, modern pricing table with three tiers, popular plan highlighting, feature lists with included/excluded items, and customizable CTAs. Perfect for SaaS and subscription-based services.
Pricing Table 02
Advanced pricing table with monthly/yearly billing toggle, feature comparison table, icon-based plan differentiation, and comprehensive feature matrix. Includes customizable yearly discounts and detailed feature comparisons.
Pricing Table 03
Usage-based pricing table with interactive cost calculator, volume pricing tiers, and enterprise CTA. Features dynamic cost estimation based on usage sliders, tiered pricing visualization, and customizable enterprise offerings. Perfect for API services, cloud platforms, and usage-based SaaS products.
Pricing Table 04
Sale-focused pricing table with promotional badges, original/sale price display, and customizable bottom features section. Perfect for product launches, seasonal sales, software licenses, and online courses. Features flexible pricing periods, promotional badges, and trust-building bottom features.