๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Hero Sections
Bold landing section layouts with headings, CTAs, and media
3,508 components - V3 500 ยท V4 3,008
๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + tabs with 3 feature tabs
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + partner logos image-carousel
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + breadcrumb text above heading
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + price-table single card (Pro)
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + share-buttons row (Pro)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + toggle (show more details)
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + blockquote testimonial (Pro)
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 55
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder below text + divider + secondary text section
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + trust logos row below (5 image placeholders)
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + 3 counter stats row below
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + 4 counter stats row below
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + star-rating + review count text
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + icon-list of 3 key features
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + 3 icon-box feature highlights below
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 56
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + social-icons row
V3 AdaptiveCentered Hero with H1, Subtitle, CTA Button 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + countdown timer (Pro) above CTA
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, 3 Counter Stats 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + form widget (Pro) replacing CTA
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Trust Logos 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + progress-bar (launch progress)
V3 AdaptiveSplit Hero with Text Left and Image Right and Two Buttons 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + alert banner above heading
V3 AdaptiveSplit Hero with Image Left and Text Right and CTA 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + testimonial quote below CTA
V3 AdaptiveCentered Hero with H1, Subtitle, CTA, Social Icons 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + accordion FAQ teaser (2 items)
V3 AdaptiveCentered Hero with H1, Subtitle, Two CTA Buttons 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + tabs with 3 feature tabs
V3 AdaptiveSplit Hero with Text and Counters Left and Image Right 57
centered: h1 heading + subtitle paragraph + two CTA buttons side by side (primary + secondary) + image placeholder above text + partner logos image-carousel