Skip to content
One Page Love
  • Menu
    • 🏠 Home
    • ℹ️ Info & Contact
    • 📬 Newsletter
    • 📚 Learn
    • 💫 Inspiration
    • 🏗 Templates
  • Websites
    • Category
    • ★Portfolio
    • ★Landing Page
    • ★Digital Product
    • ★Launching Soon
    • ★App
    • ★Service
    • ★Personal
    • ★Event
    • ★Informational
    • ★Music Related
    • ★Experimental
    • ★Restaurant
    • ★Finance
    • ★Photography
    • ★Startup
    • ★SaaS
    • ★Game
    • ★Physical Product
    • ★E-commerce
    • ★Sport
    • Style
    • ★Illustrative
    • ★Scroll Effects
    • ★Minimal
    • ★Flat Design
    • ★Typographic
    • ★Fun
    • ★Horizontal Layout
    • ★Retro & Vintage
    • ★3D
    • ★Gradients
    • ★Brutalism
    • ★Narrow Layout
    • ★Grunge
    • ★Modular Layout
    • ★Glassmorphism
    • ★Futuristic
    • ★Pixel Art
    • ★Editorial
    • ★Bold
    • ★Glitch
    • ★Grid Layout
    • ★Luxury
    • ★Skeuomorphism
    • ★Corporate
    • Platform
    • Webflow
    • WordPress
    • Framer
    • Squarespace
    • Craft CMS
    • Shopify
    • Readymag
    • Elementor
    • Carrd
    • Wix
    • Kirby CMS
    • Figma
    • Tech
    • Tailwind CSS
    • GSAP
    • Next.js
    • Bootstrap
    • Lottie
    • Vue.js
    • Three.js
    • React
  • Sections
    • Sections
    • ★Social Proof
    • ★Lead Capture
    • ★Testimonials
    • ★FAQ
    • ★Pricing
    • ★Pricing Table
    • ★Team
    • ★Client Logos
    • ★Testimonials Grid
    • ★Screenshots
    • ★Contact Form
    • ★FAQ Accordion
    • ★Device Mockup
    • ★Newsletter
    • ★Navigation
    • ★Call-To-Action
    • ★Header Navigation
    • ★Infographics
    • ★Footer
    • ★Waitlist or Beta Sign Up
    • ★How It Works
    • ★Call-To-Action Hero
    • ★Client Logo Row
    • ★View all →
  • Typefaces
  • Templates
    • Browse
    • All Templates
    • Premium
    • Free
    • Category
    • ★Landing Page
    • ★Website Builder
    • ★Portfolio
    • ★Multipurpose
    • ★No-Code
    • ★Personal
    • ★App
    • ★Résumé
    • ★Launching Soon
    • ★Event
    • ★Service
    • ★Photography
    • ★Restaurant
    • ★E-commerce
    • ★Wedding
    • ★Music Related
    • ★UI Kit
    • ★Digital Product
    • ★Sport
    • ★SaaS
    • ★Physical Product
    • ★Startup
    • ★Informational
    • ★Announcement
    • ★Case Study
    • ★Single Serving
    • ★Annual Report
    • ★Travel and Tourism
    • ★Real Estate and Architecture
    • Platform
    • Framer
    • Webflow
    • WordPress
    • Squarespace
    • Carrd
    • Elementor
    • Figma
    • Wix
    • Readymag
    • B12
    • Shadcnblocks
    • Figma Sites
    • Shopify
    • Tech
    • HTML
    • Bootstrap
    • Tailwind CSS
    • Next.js
    • Astro
    • jQuery
    • GSAP
    • Laravel
    • shadcn/ui
  • MCP
23 Real Designs

Hero Section Examples

A collection of 23 Hero designs within landing pages. Each shipped in a live website, no concepts, no mock-ups.

Select26 Hero Preview
Hero on Select26
Supabase
alike.page Hero Preview
Hero on alike.page
Keithan Lee
Tori by TalkJS Hero Preview
Hero on Tori by TalkJS
Carl MH Barenbrug
Looking to copy-paste code? We recommend Shadcnblocks Sponsored
Looking to copy-paste code? We recommend Shadcnblocks

Browse dozens more options, all built upon shadcn/ui.

Cibby Hero Preview
Hero on Cibby
Michael Flarup
SafeStep Hero Preview
Hero on SafeStep
Hannah King
Framer: State of Sites 2026 Hero Preview
Hero on Framer: State of Sites 2026
Framer Team
Openable Hero Preview
Hero on Openable
Marius Bălaj
Dropshot Hero Preview
Hero on Dropshot
Antonin Kus

Next

Our favorite websites, every two weeks

Join thousands of designers reading the Love Letter. Unsubscribe anytime

Preview of Love Letter 93 Preview of Love Letter 94 Preview of Love Letter 95
Read the latest issue ↗

Explore

  • Websites
  • Page sections
  • Typefaces
  • Templates
  • Favicons

Resources

  • Design glossary
  • Font pairings
  • Font alternatives
  • Articles
  • Tools
  • MCP
  • API

One Page Love

  • About
  • Hire a designer
  • Submit a website
  • Sponsor
  • Newsletter archive

Follow along

One Page Love · Hand-picked since 2008

  • Legal Notice
  • Privacy