Section & Component Examples
A growing library of landing page sections and components, pulled from hundreds of real websites and curated for inspiration.
Mine AllFeature1025Hero477Footer402Header390Testimonial307Call To Action304Content247Logo Cloud185Pricing92Demo63Signup48Products45FAQ43Stats42Casestudies41Solution39Blog38Integrations38Team27Newsletter27Contact25Audience25Problem13API13Competitors12How It Works11Leadmagnet10Cookie9Awards9Maps7Before After7Login5Timeline5Partners5Security2Promotion Bar2Notification Bar2Popup2
● New this week · every Tuesday
Get new inspiration every week.
Polar: dark 3-column grid feature
Feature
Statements: dark competitors
Competitors
Shelf: light banner call to action
Call To Action
Screen Movie: dark split image left feature
Feature
beehiiv: dark wall testimonial
Testimonial
Encited - SEO & AI Search MCP
Automate SEO and AI search from Claude, Cursor or ChatGPT.
Glide: light product screenshot hero
Hero
Glide: dark split image right security
Security
Hustla: light product screenshot hero
Hero
Fibery: light split image right hero
Hero
The Landing Page Pipeline: light list how it works
How It Works
Tapdaa: light accordion faq
Faq
Tapdaa: light split image right how it works
How It Works
Woblo: light 3-tier pricing
Pricing
NEAR: light product screenshot hero
Hero
Rulebase: dark split image right hero
Hero
Rulebase: light logo grid integrations
Integrations
Atlas: light orbit integrations
Integrations
Atlas: light split image right feature
Feature
Atlas: light simple footer
Footer
Lexboost: light split image right hero
Hero
Checkout Page: light centered hero
Hero
Checkout Page: dark split image left feature
Feature
Checkout Page: light accordion faq
Faq
Supercut: dark product screenshot hero
Hero
Wispr Flow: dark row logo cloud
Logo Cloud
Wispr Flow: light two column faq
Faq
Orshot: light single quote testimonial
Testimonial
Orshot: light row stats
Stats
Lev8: light bento feature
Feature
Heyo: light accordion faq
Faq
Webhound: dark 2-column grid feature
Feature
Webhound: dark single plan pricing
Pricing
Webhound: dark wall testimonial
Testimonial
HeadshotPro: light product screenshot hero
Hero
HeadshotPro: light cards how it works
How It Works
Bugster: light grid how it works
How It Works
Bugster: light split image left feature
Feature
Epidemic Sound: light multi column footer
Footer
Statements: dark grid logo cloud
Logo Cloud
Statements: dark accordion faq
Faq
Screen Movie: dark split image right feature
Feature
BirdTab: light centered call to action
Call To Action
beehiiv: dark carousel testimonial
Testimonial
beehiiv: dark logo grid integrations
Integrations
Glide: light product screenshot hero
Hero
Video to Flipbook: light wall testimonial
Testimonial
Hustla: light 2-column grid feature
Feature
Fibery: light multi column footer
Footer
Agiloft: dark logo grid integrations
Integrations
Woblo: light product screenshot hero
Hero
Woblo: light centered call to action
Call To Action
NEAR: dark 3-column grid feature
Feature
NEAR: light banner call to action
Call To Action
Rulebase: dark 3-column grid feature
Feature
Atlas: light product screenshot hero
Hero
Atlas: light how it works
How It Works
Lexboost: light row logo cloud
Logo Cloud
Lexboost: light multi column footer
Footer
Checkout Page: light split image right competitors
Competitors
Checkout Page: light split image right casestudies
Casestudies
Checkout Page: light centered call to action
Call To Action
Scotch: dark product screenshot hero
Hero
Scotch: dark split image right casestudies
Casestudies
wild: light split image left content
Content
wild: light list how it works
How It Works
Optimizely: light centered hero
Hero
Optimizely: light 3-column grid feature
Feature
Optimizely: light orbit integrations
Integrations
Wispr Flow: dark call to action
Call To Action
Orshot: light grid logo cloud
Logo Cloud
Orshot: light logos and quote testimonial
Testimonial
Lev8: light centered hero
Hero
Heyo: light cards audience
Audience
Heyo: light multi column footer
Footer
Webhound: dark grid problem
Problem
Webhound: dark 3-column grid feature
Feature
Webhound: dark accordion faq
Faq
HeadshotPro: light grid before after
Before After
Bugster: light audience
Audience
Bugster: light 2-tier pricing
Pricing
Statements: dark 2-column grid feature
Feature
Shelf: light split image right feature
Feature
beehiiv: dark split image right hero
Hero
beehiiv: dark row stats
Stats
beehiiv: dark accordion faq
Faq
Glide: light split image right feature
Feature
Glide: light logo grid integrations
Integrations
Video to Flipbook: light list feature
Feature
Hustla: light 3-column grid feature
Feature
Hustla: light simple footer
Footer
Agiloft: light logos and quote testimonial
Testimonial
Tapdaa: light 3-column grid feature
Feature
Woblo: light bento feature
Feature
Simeon: dark multi column footer
Footer
NEAR: dark 3-column grid feature
Feature
Rulebase: light single quote testimonial
Testimonial
Rulebase: light multi column footer
Footer
Atlas: light split image left feature
Feature
Atlas: light single showcase feature
Feature
Lexboost: light 2-column grid feature
Feature
Checkout Page: light bento feature
Feature
Checkout Page: light logo grid integrations
Integrations
Supercut: dark single showcase feature
Feature
Scotch: dark tabs feature
Feature
wild: light centered hero
Hero
Squarespace: dark product screenshot hero
Hero
Optimizely: light banner call to action
Call To Action
Optimizely: light row logo cloud
Logo Cloud
Optimizely: light centered call to action
Call To Action
Wispr Flow: light centered hero
Hero
Orshot: light product screenshot hero
Hero
Orshot: light single quote testimonial
Testimonial
Lev8: light tabs feature
Feature
Heyo: light 2-tier pricing
Pricing
Webhound: dark product screenshot hero
Hero
Webhound: dark 3-column grid feature
Feature
Webhound: dark single showcase demo
Demo
HeadshotPro: light split image right problem
Problem
Bugster: light split image right hero
Hero
Bugster: light logo grid integrations
Integrations