36 production-ready, mobile-responsive components.
Two-column hero with headline left, image right. High-impact above the fold.
Full-width centered hero with large headline, subtitle, and CTA buttons.
Full-bleed background image hero with overlay text. High visual impact.
Clean top navigation with logo, links, and CTA button. Mobile hamburger menu.
3-column grid of feature cards with icons, titles, and descriptions.
Alternating left/right image+text sections. Great for storytelling.
Scrolling testimonial cards with star ratings and author info.
Two-column contact section: form left, business info right.
Multi-column footer with links, contact info, and social icons.
Full-width call-to-action banner with headline and button.
Three-tier pricing cards with feature lists and CTA buttons.
Responsive image gallery with lightbox. For portfolios, restaurants, salons.
Interactive 3D hero section with Spline scene. Mouse-reactive 3D objects for maximum visual impact.
Infinite-scroll logo banner with CSS keyframe animation. Grayscale logos that colorize on hover with edge fades.
4-panel bento grid with 3D perspective tilt on hover and radial-gradient cursor-tracking flashlight effect.
Massive multi-column footer with integrated newsletter subscription, animated gradient border input, trust badges, and deep links.
CSS Grid container with configurable columns. Drop other components inside to build complex layouts.
Flexbox container with configurable direction, alignment, and wrapping. Nest components for custom arrangements.
Animated count-up statistics with IntersectionObserver trigger. Cubic ease-out animation with configurable duration.
Expandable Q&A accordion with smooth height transitions, rotating plus icons, and single/multi-open modes.
Team member cards with hover image zoom, social link overlay with backdrop blur, and editable bios.
Alternating left/right timeline with scroll-triggered reveal animations, progress line fill, and step numbers.
Feature comparison matrix with plan headers, categorized rows, check/dash icons, and highlighted plan column.
3-tier glassmorphic pricing cards with monthly/yearly toggle, animated price counter, and 'Most Popular' badge.
Auto-scrolling horizontal testimonial carousel with customer avatars, star ratings, large quotation marks, and smooth CSS transitions.
Sleek accordion with numbered items, search filter, smooth expand/collapse transitions, and accent-colored badges.
Team member grid with 3D CSS flip animation on hover revealing bio and social links on the back face.
Dual-row infinite horizontal scroll of partner logos in pill containers. Greyscale logos colorize on hover with edge fades.
Full-width gradient banner with massive headline, inline email capture input, and animated canvas confetti burst on submit.
Grid of service offering cards with icons, images, titles, descriptions, and optional learn-more links.
Tabbed service explorer with left-side navigation, detail panel with image, description, and feature checklist.
Article preview grid with featured images, category badges, author info, and excerpts.
Split-layout company story with image, narrative text, and timeline milestones.
Full-screen video background hero with overlay text, CTA buttons, and play button.
Filterable portfolio grid with category tabs, hover overlays, and project descriptions.
Clean inline newsletter signup strip with email input and subscribe button.