Shadcn UI Blocks Explorer - Shadcnblocks.com
Blocks
Options
Categories
About40
Accept Invite4
Address Book3
Application Shell14
Awards7
Background Pattern52
Banner25
Bento53
Blog54
Blog Post13
Book A Demo3
Careers12
Case Studies12
Case Study3
Changelog7
Chart Card27
Chart Group15
Checkout8
Code Example9
Community7
Compare10
Compare Products5
Compliance9
Contact30
Content4
Cookie Banner19
Crud Companies9
Cta38
Dashboard18
Data Table32
Deals5
Download20
Ecommerce Footer6
Ecommerce Hero6
Ecommerce Navbar2
Experience4
Faq26
Feature313
Feedback7
Field Mapping2
Footer44
Forgot Password4
Gallery52
Help2
Help Center2
Hero285
Incentives6
Industries4
Integration35
Invite User4
Leaderboard3
List3
Live Purchase3
Login8
Logos31
Magic Link4
Navbar20
Newsletter5
Offer Modal3
Onboarding2
Order History5
Order Summary8
Our Story6
Passkey2
Payment Methods4
Pricing96
Process4
Product Card14
Product Categories5
Product Detail10
Product Gallery5
Product List10
Product Quick View5
Product Search7
Product Specs2
Project33
Projects25
Promo Banner7
Rate Card2
Reset Password5
Resource3
Resources5
Reviews14
Service7
Services19
Settings Integrations10
Settings Members5
Settings Notifications4
Settings Profile9
Shader20
Shop The Look6
Shopping Cart14
Sidebar21
Signup10
Skills2
Social Media Trending8
Stats19
Stats Card10
Team38
Testimonial39
Timeline16
Todo List10
Trust Strip4
Two Factor4
User Profile12
Verify Email6
Waitlist3
Wishlist3
Archetype
App213
Background72
Ecommerce193
Marketing1547
Price
Basic54
Free106
Pro1868
Hero 333\ \ Story progress hero with tour clips
Hero 334\ \ Right filmstrip hero with labeled clips
Hero 335\ \ Bottom filmstrip hero with labeled clips
Hero 336\ \ Step card hero with clip thumbs
Hero 331\ \ Split hero with large portrait video
Hero 332\ \ Centered hero with portrait video
Hero 327\ \ Device-framed hero with looping demo
Hero 328\ \ Split hero with portrait video
Hero 329\ \ Chaptered hero with tour clips
Hero 330\ \ Poster hero with inline video
Hero 325\ \ Fullscreen Screening Hero
Hero 326\ \ Full Bleed Screening Hero
Hero 61\ \ Folio hero with hanging copy plate
About 23\ \ Split intro with story columns and stats
About 1\ \ Intro With Story Columns
About 10\ \ Sticky Sidebar Company Profile
About 11\ \ Creative Agency Portfolio
About 12\ \ Agency Profile with Process Cards
About 13\ \ Story with Avatar Profile
About 14\ \ About with Hero Image
About 15\ \ Tilted Photo Profile Card
About 16\ \ Why Us Stats Section
About 17\ \ Interactive Tab Profile
About 18\ \ Mission and Drive Sections
About 19\ \ Image Left Quote Right
About 2\ \ Stats Grid with Logos and Testimonial
About 20\ \ Founder Profile with Signature
About 21\ \ Hero Story and Training Cards
About 22\ \ Animated Story with Images
About 24\ \ Personal Profile with Clients and Awards
About 25\ \ Animated Story with Stats and Avatars
About 26\ \ Studio Profile with Services
About 27\ \ Enterprise About with Team Grid
About 28\ \ Two-Column About with Staggered Images
About 29\ \ Mission panel with text columns
About 3\ \ Company Profile with Achievements
About 30\ \ Centered intro with photo row
About 31\ \ Story with Avatar Profile
About 32\ \ About with Hero Image
About 33\ \ Mission and Drive Sections
About 34\ \ Studio split with work CTA
About 35\ \ Interactive Tab Profile
About 36\ \ Photo Mosaic With Story Columns
About 37\ \ Editorial Intro With Photo Pair
About 38\ \ Split Intro With Story Columns
About 39\ \ Sticky Sidebar Client List
About 4\ \ Vision and Creators with Image Grid
About 40\ \ Sticky studio with awards
About 5\ \ Developer Platform Story
About 6\ \ Story and Workplace Photo Grid
About 7\ \ Product Story with Offset Images
About 8\ \ Fintech About with Stats Carousel
About 9\ \ Developer Profile with Photos
Hero 102\ \ Announcement hero with desktop frame and handset overlay
Hero 109\ \ Fintech hero with handset and floating card
Hero 110\ \ Split hero with avatars, ratings, and layered photos
Hero 113\ \ Roadmap hero with scribble highlight and icon row
Hero 114\ \ Hero with demo dialog and logo carousel
Hero 126\ \ Screening hero with credits dock
Hero 132\ \ Split hero with overlapping photo collage
Hero 133\ \ Split hero with subscribe window
Hero 137\ \ Full-height split hero with edge image
Hero 148\ \ Uppercase hero with layered photo crowns
Hero 150\ \ Insights hero with staggered image board
Hero 191\ \ Tabbed banking hero with wide preview canvases
Hero 255\ \ Oversized wordmark hero with services list and contact card
Hero 257\ \ Visitor analytics hero with angled backdrop and logo belt
Hero 260\ \ Tabbed hero with cursor badge and swap imagery
Hero 48\ \ Centered hero with auto-moving logo carousel
Hero 63\ \ Centered payroll hero with illustration and floating chips
Hero 65\ \ Gradient hero with inverted span headline and bordered preview
Hero 66\ \ Centered Consultation Hero
Hero 72\ \ Centered hero with icon tooltips and split imagery
Hero 77\ \ Centered hero with dual CTAs and looping video
Hero 92\ \ Centered hero with bordered stage and flyer image
Hero 93\ \ Centered hero with serif bridge and overlapping avatars
Hero 94\ \ Centered platform hero with highlight bar
Hero 97\ \ Creator waitlist hero with fanned dashboards
Accept Invite 4\ \ Accept invite with workspace access
Careers 10\ \ Sticky culture column with job rows
Careers 11\ \ Featured opening with supporting roles
Careers 12\ \ Department tabs over a job card grid
Accept Invite 3\ \ Split accept invite with verified badge
Forgot Password 1\ \ Centered forgot password card
Forgot Password 2\ \ Split forgot password with image
Forgot Password 3\ \ Minimal inline forgot password
Forgot Password 4\ \ Muted panel forgot password
Magic Link 1\ \ Centered magic link card
Magic Link 2\ \ Split magic link with image
Magic Link 3\ \ Minimal inline magic link
Magic Link 4\ \ Muted panel magic link
Newsletter 1\ \ Centered newsletter subscribe
Newsletter 2\ \ Split newsletter with image
Newsletter 3\ \ Muted band newsletter
Newsletter 4\ \ Newsletter with feature list
Newsletter 5\ \ Inverted newsletter band
Passkey 1\ \ Centered passkey card
Passkey 2\ \ Minimal passkey prompt
Reset Password 1\ \ Centered reset password card
Reset Password 2\ \ Split reset password with image
Reset Password 3\ \ Minimal reset password stack
Reset Password 4\ \ Reset password with rules list
Reset Password 6\ \ Reset password with rules panel
Two Factor 1\ \ Centered two factor code
Two Factor 2\ \ Split two factor with image
Two Factor 5\ \ Two factor with QR pairing
Two Factor 6\ \ Two factor recovery codes
Verify Email 1\ \ Centered verify email code
Verify Email 2\ \ Split verify email with image
Verify Email 3\ \ Verify email inbox prompt
Verify Email 4\ \ Muted panel verify email
Verify Email 5\ \ Branded column verify email
Verify Email 6\ \ Verify email with inbox shortcuts
Address Book 4\ \ Checkout address picker with sheet
Cookie Banner 1\ \ Simple bottom cookie bar
Cookie Banner 10\ \ Bottom left card that expands to customize
Cookie Banner 11\ \ Bottom left card that opens a dialog
Cookie Banner 12\ \ Bottom right card that expands to customize
Cookie Banner 13\ \ Bottom right card that opens a dialog
Cookie Banner 14\ \ Mega bottom bar with switch list
Cookie Banner 15\ \ Mega bottom bar with category cards
Cookie Banner 16\ \ Mega bottom bar with split summary
Cookie Banner 17\ \ Simple cookie consent dialog
Cookie Banner 18\ \ Medium cookie dialog with details
Cookie Banner 19\ \ Advanced cookie dialog with categories
Cookie Banner 2\ \ Bottom cookie bar with privacy link
Cookie Banner 3\ \ Bottom cookie bar with icon
Cookie Banner 4\ \ Bottom left cookie card
Cookie Banner 5\ \ Bottom left cookie card with dismiss
Cookie Banner 6\ \ Bottom right cookie card
Cookie Banner 7\ \ Bottom right cookie card with link
Cookie Banner 8\ \ Bottom bar that slides up to customize
Cookie Banner 9\ \ Bottom bar that opens a customize dialog
Banner 10\ \ Dismissible muted release announcement
Banner 11\ \ Primary bar with soft radial and CTA
Banner 16\ \ Inverted dark pro upgrade bar
Banner 18\ \ Promo code copy banner
Banner 20\ \ Muted upgrade banner
Banner 9\ \ Primary announcement bar with catalog link
Blog 47\ \ Three-column team blog cards
Blog 48\ \ Divided latest-articles list
Blog 49\ \ Featured post with stacked side cards
Blog 50\ \ Magazine bento with mixed card spans
Blog 51\ \ Filterable article card grid
Blog 52\ \ Editorial hero with compact post grid
Blog 53\ \ Muted featured story with three cards
Blog 54\ \ Two-column cards with author bylines
Blog 55\ \ Alternating image and copy rows
Blog 56\ \ Newsletter panel with latest posts
Blog 57\ \ Year-grouped writing archive
Blog 60\ \ Photo cards with hover overlay actions
Blog 62\ \ Split featured story with byline
Blog 63\ \ Resource cards for guides videos and docs
Blog 67\ \ Featured split with supporting grid
Faq 23\ \ Inverted glass accordion FAQ
Faq 25\ \ Compact one-liner FAQ rows
Faq 26\ \ Editorial serif accordion FAQ
Faq 27\ \ Two-column FAQ cell grid
Faq 28\ \ Searchable accordion FAQ
Faq 29\ \ Numbered inverted accordion FAQ
Integration 17\ \ Technical logo grid with settings dialog
Integration 18\ \ Accordion integration settings list
Integration 19\ \ Interactive hub and spoke diagram
Integration 20\ \ Category tabs with connect dialog
Integration 21\ \ Tagged integration cards with connect dialog
Integration 22\ \ Searchable integration catalog with connect dialog
Integration 23\ \ Hairline logo grid with connect dialog
Integration 25\ \ Paired integration cards with setup dialog
Integration 27\ \ Centered logo cloud with connect dialog
Integration 28\ \ Single integration setup with connect dialog
Integration 29\ \ Wrapping chips with filters and connect dialog
Integration 30\ \ Toggle list with connect dialog
Integration 32\ \ Sidebar category nav with connect dialog
Integration 33\ \ Webhook event cards with connect dialog
Integration 34\ \ Featured integration with icon picker
Integration 35\ \ Stats row with connect dialog
Integration 36\ \ Hover tiles with connect dialog
Integration 37\ \ Works-with pills with connect dialog
Integration 38\ \ Request form beside logo grid
Integration 39\ \ Category columns with connect dialog
Team 37\ \ Centered circular avatar row
Team 38\ \ Founder cards with department badges
Team 39\ \ Hover overlay portrait grid
Team 40\ \ Founding team bio list
Team 41\ \ Team grid with hiring card
Team 42\ \ Sticky intro with portrait grid
Team 43\ \ Inverted remote crew grid
Team 44\ \ Team cards with contact links
Team 45\ \ Filterable department team grid
Team 46\ \ Featured founder with supporting team
Team 47\ \ Masonry team portrait columns
Team 48\ \ Team directory by department
Team 49\ \ Team directory list with avatars
Team 50\ \ Distributed team location cards
Team 52\ \ Team member card carousel
Team 53\ \ Founder quote beside team grid
Team 55\ \ Editorial team portrait cards
Banner 13\ \ Countdown offer bar with outline CTA
Banner 14\ \ Floating status card with dismiss
Banner 15\ \ New badge announcement link bar
Banner 17\ \ Email subscribe announcement bar
Banner 19\ \ New badge banner with avatars
Banner 21\ \ Scrolling marquee banner
Banner 22\ \ Brand bar with navigation links
Banner 23\ \ Maintenance warning banner
Banner 24\ \ Progress unlock banner
Banner 25\ \ Centered pill changelog banner
Banner 26\ \ Webinar announcement banner
Banner 27\ \ Mobile app download banner
Gallery 1\ \ Expanding case study cards
Gallery 10\ \ Testimonial carousel with side text
Gallery 11\ \ Image card carousel with overlay labels
Gallery 12\ \ Feature cards carousel with centered heading
Gallery 13\ \ Split carousel with detail panel
Gallery 15\ \ Product carousel with hover image swap
Gallery 16\ \ Tab-synced content carousel
Gallery 17\ \ Centered image carousel with scale effect
Gallery 3\ \ Case study card carousel
Gallery 35\ \ Autoplay gallery with pagination
Gallery 4\ \ Case study carousel with dot indicators
Gallery 43\ \ Lightbox image grid
Gallery 45\ \ Asymmetric bento image grid
Gallery 47\ \ Hero preview with thumbnail strip
Gallery 5\ \ Feature carousel with icon toggle group
Gallery 52\ \ Caption hover bento grid
Gallery 53\ \ Featured image with side thumbs
Gallery 55\ \ Hover reveal project grid
Gallery 56\ \ Social style photo grid
Gallery 6\ \ Gallery carousel with demo link
Gallery 7\ \ Auto-scrolling image carousel with text intro
Gallery 8\ \ Resource list with image carousel sidebar
Gallery 9\ \ Step carousel with clickable section labels
Logos 35\ \ Bordered logo grid with hover cells
Case Studies 13\ \ Case study metric cards
Feature 382\ \ Split copy and photo collage
Feature 385\ \ Zigzag editorial photo rows
Gallery 40\ \ Three column image grid
Gallery 41\ \ Captioned two column gallery
Gallery 42\ \ Masonry column mosaic
Gallery 44\ \ Single slide gallery carousel
Gallery 46\ \ Filterable category gallery
Gallery 48\ \ Inverted dark framed gallery
Gallery 49\ \ Polaroid collage grid
Gallery 50\ \ Before after compare sliders
Gallery 51\ \ Horizontal snap photo strip
Gallery 54\ \ Filterable masonry photo columns
Shop The Look 1\ \ Auto-scrolling lookbook with lightbox
Shop The Look 2\ \ Outfit builder with variants
Shop The Look 3\ \ Frequently bought together bundle
Shop The Look 4\ \ Room collections with hover products
Shop The Look 5\ \ Creator looks grid with hotspots
Shop The Look 6\ \ Look carousel with product groups
Reviews 14\ \ Reviews with write-review form
Reviews 16\ \ Filterable reviews with Q&A
Reviews 19\ \ Product reviews modal with filters
Reviews 22\ \ Product review cards carousel
Product Search 1\ \ Search popover with product carousel
Product Search 2\ \ Search sheet with product results
Product Search 3\ \ Search sheet with trending collections
Product Search 4\ \ Search sheet with recommendations
Product Search 5\ \ Search dialog with products and articles
Product Search 6\ \ Category search drawer
Product Search 7\ \ Combobox search with promo panel
Feedback 1\ \ Star rating feedback sheet
Feedback 2\ \ Multi-step feedback survey
Feedback 3\ \ Compact feedback dialog
Feedback 4\ \ Drawer experience rating form
Feedback 5\ \ Shopping experience rating sheet
Feedback 6\ \ Emoji slider satisfaction dialog
Feedback 7\ \ Detailed feedback dialog with categories
Social Media Trending 6\ \ UGC gallery with share dialog
Social Media Trending 7\ \ Shoppable social video stories
Social Media Trending 8\ \ Instagram-style shoppable mosaic
Gallery 39\ \ Reveal gallery carousel over hero
Order Summary 11\ \ Card checkout with address dialog
Order Summary 8\ \ Split checkout order and payment
Our Story 1\ \ Tabbed brand timeline
Our Story 2\ \ Autoplay story timeline
Our Story 3\ \ Reveal story carousel over hero
Our Story 4\ \ Sticky vertical timeline
Our Story 5\ \ Year tabs with hover media
Our Story 6\ \ Century scroll story chapters
Wishlist 4\ \ Multi-list wishlist dialog
Deals 1\ \ Exclusive deals sheet with gift trigger
Deals 2\ \ Stepped bundle builder with discount tiers
Deals 3\ \ Bottom collapsible newsletter discount banner
Deals 6\ \ Side-tab deal picker with expert hover cards
Deals 7\ \ Bottom-left offers bell with anchored dialog
Bento 54\ \ Enterprise finance bento with timeline
Bento 53\ \ Web3 developer bento with marquees
Bento 52\ \ Compact dark feature bento
Bento 51\ \ Six-card analytics feature bento
Bento 50\ \ Asymmetric light marketing bento
Bento 49\ \ AI analytics bento with radial chart
Bento 48\ \ Light feature bento with UI screenshots
Bento 47\ \ Labeled AI feature bento grid
Bento 46\ \ AI chat and data pipeline bento
Bento 45\ \ SaaS fintech bento with trading widget
Bento 44\ \ Mobile collaboration bento with world map
Bento 43\ \ AI platform bento with integration hub
Bento 42\ \ Task management feature bento grid
Bento 41\ \ Developer productivity bento with sidebar CTA
Bento 40\ \ AI voice bento with keyboard and auth
Bento 39\ \ Analytics dashboard bento with charts
Bento 38\ \ Editorial fashion bento collage
Bento 37\ \ Dark split showcase bento
Bento 36\ \ Dark editorial product bento
Bento 35\ \ Dark headphone product bento
Bento 34\ \ Investigation services bento collage
Bento 33\ \ Complex pricing and promo bento
Bento 32\ \ Captionless product bento mosaic
Bento 31\ \ Healthcare bento with report tiles
Bento 30\ \ Healthcare bento with stat counters
Bento 29\ \ Light asymmetric feature bento grid
Bento 28\ \ Light performance bento with icon rows
Bento 27\ \ Light feature bento with mixed caption order
Bento 26\ \ Light feature bento with icon captions
Bento 25\ \ Dark wide-narrow bento mosaic
Bento 24\ \ Dark staggered two-column bento
Bento 23\ \ Dark alternating bento with flipped captions
Bento 22\ \ Dark analytics bento with photo tiles
Bento 21\ \ Light health bento with animated tiles
Bento 20\ \ Hero split bento with recommendation engine feature
Bento 19\ \ Three-column masonry bento with integration pills
Bento 18\ \ Light four-tile bento with mixed aspect ratios
Bento 17\ \ Dark bento with voice preview comparison
Bento 16\ \ Dark voice platform bento with team workspace
Bento 15\ \ Dark voice studio bento with emotion controls
Bento 14\ \ Dark voice AI bento with waveform animation
Bento 13\ \ Borderless eight-column mosaic with menu UI
Bento 12\ \ Inverted caption bento with icon flow diagram
Bento 11\ \ Asymmetric six-column health tech bento
Bento 10\ \ Analytics bento with wave chart and layered cards
Bento 9\ \ Dark chatbot bento with conversation tiles
Bento 8\ \ Two-by-two bento with workflow and budget UI
Bento 7\ \ Light bento with AI chat and model picker
Bento 6\ \ Dark enterprise bento with animated SVG tiles
Bento 5\ \ Healthcare feature bento grid
Bento 4\ \ Dark analytics bento with playhead chart
Bento 3\ \ Four-tile value proposition bento
Bento 2\ \ Team collaboration bento with animated stats
Integration 16\ \ Categorized integrations with tabs and select
Integration 15\ \ Split integrations intro with logo link grid
Integration 14\ \ Draggable logo marquee with hover glow
Team 14\ \ Split hiring panel with team photo row
Team 16\ \ Mission panel with full-bleed portrait grid
Team 17\ \ Team portraits with alumni and culture sections
Team 18\ \ Categorized team directory with bio popovers
Team 19\ \ Corner-framed team profile cards
Faq 18\ \ FAQ with tabbed categories and accordion answers
Faq 19\ \ FAQ with category list and accordion answers
Incentives 5\ \ Auto-scrolling incentive marquee with icons
Incentives 8\ \ Services carousel with linked incentive cards
Download 14\ \ Split desktop download with OS tabs and formats
Download 15\ \ Centered Windows primary with macOS and iOS links
Download 17\ \ Version accordion with platform package lists
Download 18\ \ Product download with searchable integrations
Download 19\ \ Three-column OS downloads with requirements
Download 20\ \ Mobile download promo with QR and phone frame
Download 21\ \ Sales app download with features and phone callouts
Compare Products 4\ \ Resizable before-and-after comparison with detail list
Compare Products 6\ \ Before-and-after comparison with captions and CTA
Checkout 10\ \ Checkout with cart summary and saved payment methods
Checkout 12\ \ Multi-step checkout with progress and order review
Shopping Cart 12\ \ Sheet cart with suggested products
Shopping Cart 25\ \ Sheet cart with order notes
Shopping Cart 26\ \ Sheet cart with promo offer
Awards 6\ \ Milestones grid with separator rows
Awards 7\ \ Split accolades list and product spotlight
Blog 3\ \ Blog grid with labeled posts
Blog 31\ \ Animated blog grid with featured post
Blog 32\ \ Two-column blog card grid
Blog 33\ \ Compact four-column blog cards
Blog 34\ \ Four-column bordered blog cards
Blog 35\ \ Alternating blog rows with dividers
Blog 36\ \ Blog rows with metadata and thumbnails
Blog 37\ \ Filtered blog rows with category sidebar
Blog 38\ \ Featured hero with three cards
Blog 39\ \ Magazine layout with mini post stack
Blog 40\ \ Single featured blog post row
Blog 41\ \ Three-card horizontal blog carousel
Blog 42\ \ Full-bleed blog carousel with dot indicators
Blog 43\ \ Split blog section with side carousel
Blog 44\ \ Timeline blog feed with date markers
Blog 45\ \ Minimal text-only blog index
Blog 46\ \ Newsletter header with photo grid
Blogpost 10\ \ Narrow article with reading progress bar
Blogpost 11\ \ Split hero with quote pull block
Blogpost 12\ \ Centered minimal article with drop cap
Blogpost 13\ \ Two-column article with sticky related links
Blogpost 8\ \ Article with sidebar table of contents
Blogpost 9\ \ Article with author bio and share row
Compliance 9\ \ Trust metrics with framework status cards
Compliance 2\ \ Compliance feature grid with expert link
Compliance 3\ \ Security practices and certification badges
Compliance 4\ \ Split security overview and certification cards
Compliance 8\ \ Certification logos with documentation button
Hero 159\ \ Split hero with bottom-left inset card
Hero 167\ \ Split hero with gradient photo frame and inset
Hero 267\ \ Inset-image hero with left-bleed panel
Hero 268\ \ Contained inset-image hero with media left
Hero 269\ \ Contained inset-image hero with copy left
Hero 270\ \ Inset hero with landscape frame and trust line
Hero 271\ \ Right-bleed inset hero with dot grid
Hero 315\ \ Split inset-image hero with outside bottom-left inset
Hero 316\ \ Inset hero with byline and gradient accent
Hero 317\ \ Kicker inset-image hero with top-right inset
Hero 318\ \ Gradient frame inset hero with media left
Hero 319\ \ Left-bleed inset hero with dot grid on copy
Hero 320\ \ Rotated inset-image hero with outside detail
Hero 321\ \ Overlap column inset hero with blur accent
Hero 322\ \ Ring accent inset hero with floating byline
Hero 323\ \ Pattern background inset hero with framed media
Hero 324\ \ Left-bleed gradient inset hero with dot grid
Hero 116\ \ Centered hero with overlapping photos and video dialog
Hero 117\ \ Split hero with funding row and photo grid
Hero 158\ \ Vision hero with bento image trio
Hero 165\ \ Split hero with tri-image lattice and large headline
Hero 166\ \ Split hero with animated photo grid and demo button
Hero 173\ \ Studio hero with triple portraits and promo dialog
Hero 178\ \ Support hero with mono label and triple photo stack
Hero 183\ \ Centered premium hero with framed trio and mobile carousel
Hero 185\ \ Split hero with bento photo grid
Hero 30\ \ Split hero with plus pattern and stacked photos
Hero 35\ \ Split hero with lattice collage and paired CTAs
Hero 38\ \ Split hero with dotted spiral art and framed photos
Hero 39\ \ Rounded shell hero with overlapping photo collage
Hero 50\ \ Centered hero with survey banner and layered screenshots
Hero 51\ \ Centered hero with grid veil and fanned portraits
Hero 83\ \ Centered hero with announcement badge and triptych
Hero 95\ \ Centered hero with staggered portrait trio
Hero 99\ \ Centered hero with pill link and asymmetric photo grid
Hero 203\ \ Editorial hero with twin dotted magazine lifts
Hero 207\ \ Badge hero with three staggered portrait cards
Hero 244\ \ Split hero with draggable photo cards
Hero 311\ \ Accent hero with badge header and three linked cards
Hero 36\ \ Accent hero with badge header and three linked cards
Hero 37\ \ Centered hero with spiral motif and triple handset stack
Hero 84\ \ Centered hero with fanned phone mockups
Hero 139\ \ Full-height insights hero with tech wordmarks
Hero 140\ \ Photo-shell hero with new badge and partner marks
Hero 143\ \ Download hero with cinematic backdrop and waitlist chip
Hero 193\ \ Centered fullscreen hero with serif headline
Hero 198\ \ Left-aligned fullscreen hero with serif headline
Hero 199\ \ Right-aligned fullscreen hero with serif headline
Hero 254\ \ Full-height hero with grid veil and motion headline
Hero 78\ \ Fullscreen photo hero with serif headline and grain veil
Hero 213\ \ Hero with masked gallery and floating preview
Hero 214\ \ Split hero with masked collage and contact CTA
Hero 264\ \ Centered cutout-mask hero with filmstrip picker
Hero 265\ \ Split hero with masked portrait and copy stack
Hero 266\ \ Hero with asymmetric mask, overlays, and mobile thumbs
Hero 127\ \ Split hero with news chip and social proof stats
Hero 162\ \ Mental wellness hero with masonry media
Hero 296\ \ Split hero with editorial rating rail
Hero 297\ \ Split hero with reviews proof column
Hero 298\ \ Centered hero with quote and review strip
Hero 299\ \ Centered hero with users and avatars
Hero 300\ \ Centered hero with download proof pill
Hero 303\ \ Split hero with community stat column
Hero 309\ \ Centered hero with dual metrics and avatars
Hero 310\ \ Centered hero with teams adoption card
Hero 64\ \ Split testimonial hero with rating strip and collage cards
Hero 7\ \ Centered hero with ratings row under single CTA
Hero 80\ \ Split hero with avatars, ratings, and paired images
Hero 90\ \ Split hero with floating quote avatars
Hero 105\ \ Split hero with stacked headline and product image
Hero 118\ \ Coming Soon Hero With Logo Strip
Hero 134\ \ Centered hero with inline video and logo marquee
Hero 136\ \ Centered hero with spark icon and wide gallery bleed
Hero 138\ \ Dark hero with wide media rail and tinted blur bed
Hero 195\ \ Hero with tabbed dashboard preview
Hero 206\ \ Centered hero with logo row and browser mockup
Hero 216\ \ Centered hero with meteors and globe
Hero 245\ \ Centered recruiting hero with highlight word and download CTAs
Hero 3\ \ Split hero with review strip and tall photography
Hero 4\ \ Split hero with image, avatars, and star rating
Hero 76\ \ Split SaaS hero with dot pattern, logo strip, and product preview
Hero 253\ \ Announcement hero with dashboard preview and tool marquee
Hero 146\ \ AI agents hero with grid frame and video teaser
Hero 259\ \ Split hero with stacked chrome and animated grain panel
Hero 308\ \ Grid hero with click-to-play video preview
Hero 75\ \ Split upgrade hero with avatar proof and photography rail
Hero 172\ \ Hero with email signup and overlapping tri-images
Hero 226\ \ Edge-to-edge slideshow hero with image tiles
Hero 248\ \ Split hero with overlapping team avatars in headline
Hero 252\ \ Dashboard hero with reviews and skewed product preview
Hero 307\ \ Fullscreen Hero With 3D Dashboard Preview
Hero 96\ \ Split uptime hero with skewed product screenshot
Logos 33\ \ Left Aligned Logo Grid With Muted Background
Logos 34\ \ Muted Logo Marquee Without Headline
Hero 85\ \ Split hero with dual auto-scroll galleries
Settings Profile 2a\ \ Centered profile card with photo upload
Settings Profile 1a\ \ Profile form with avatar upload and preferences
Timeline 19\ \ Vertical Phase Timeline
Timeline 20\ \ Vertical Icon Phase Timeline
Hero 142\ \ Product-planning hero with skewed canvas
Pricing 91\ \ Three plan columns with tier logos and billing toggle
Pricing 92\ \ Narrow two plan columns with tier logos
Pricing 93\ \ Four-plan grid with spotlight column scale and shadow
Pricing 100\ \ Single plan card with billing switch
Pricing 105\ \ Single plan wide muted panel
Pricing 106\ \ Single plan split heading and card
Pricing 107\ \ Single plan card with accent rail
Pricing 108\ \ Single plan split art panel and details
Pricing 110\ \ Single plan with tabbed billing
Pricing 117\ \ Single plan bracketed price display
Pricing 118\ \ Single plan on inverted primary section
Pricing 90\ \ Three tall pricing cards with billing toggle
Pricing 95\ \ Developer-style four-plan pricing
Pricing 94\ \ Four-plan pricing with muted ring cards and scale emphasis
Pricing 96\ \ Tinted four-plan pricing with badge accents
Pricing 97\ \ Four-plan pricing with left heading and tab billing
Pricing 99\ \ Four-plan pricing with detached feature lists
Pricing 98\ \ Four-plan 3D coverflow pricing carousel
Pricing 48\ \ Full-container three-plan pricing with switch and carousel
Pricing 47\ \ Container-wide three-plan pricing with toggle and carousel
Pricing 49\ \ Three-plan pricing in one horizontal band
Pricing 50\ \ Three-plan pricing with centered spotlight column
Pricing 52\ \ Three-plan pricing carousel at all breakpoints
Pricing 57\ \ Developer-style three-plan pricing
Pricing 58\ \ Editorial Two-Plan Pricing Grid
Pricing 59\ \ Compact Two-Plan Pricing Band
Pricing 60\ \ Developer-Style Two-Plan Pricing
Pricing 61\ \ Left-Aligned Two-Plan Pricing With Tabs
Pricing 62\ \ Spotlight Two-Plan Pricing With Ring
Pricing 63\ \ Asymmetric Two-Plan Pricing With Tabs
Pricing 64\ \ Two-Plan Pricing With Top Border Accent
Pricing 66\ \ Minimal Two-Plan Pricing Cards
Pricing 67\ \ Two-Plan Pricing With Dark Card Contrast
Pricing 68\ \ Two-Plan Pricing With Muted Feature Section
Pricing 69\ \ Two-Plan Pricing With Segmented Radio Control
Pricing 71\ \ Two-Plan Pricing With Feature Ribbon
Pricing 72\ \ Offset Two-Plan Pricing Cards
Pricing 73\ \ Elevated Two-Plan Pricing On Muted Surface
Pricing 74\ \ Two-Plan Pricing With Popular Pill Badge
Pricing 75\ \ Two-Plan Pricing With Per-Card Billing Switch
Pricing 76\ \ Display Price Two-Plan Pricing With Feature Badges
Pricing 78\ \ Two-Plan Pricing With Dashed Feature Separators
Pricing 79\ \ Spacious Rounded Two-Plan Pricing
Pricing 80\ \ Bordered Two-Plan Section With Centered Header
Pricing 81\ \ Two-Plan Pricing With Primary Border Frame
Pricing 82\ \ Compact Two-Plan Pricing Strip
Pricing 83\ \ Wide two-plan pricing with billing toggle
Pricing 84\ \ Container-wide pricing7-style two tiers
Pricing 85\ \ Four-plan pricing carousel with billing toggle
Pricing 86\ \ Four-plan cards with annual billing switch
Pricing 87\ \ Four-plan carousel with centered billing switch
Pricing 88\ \ Four-column editorial pricing strip
Pricing 89\ \ Four-plan cards with optional feature icons
Pricing 17\ \ Two-plan comparison with feature matrix
Pricing 39\ \ Slider-driven plan cards with usage tiers
Pricing 43\ \ Four Tier Pricing With Promo Countdown
Case Studies 10\ \ Masked two-up landscape case study carousel
Case Studies 11\ \ Three-column case study grid with centered heading
Case Studies 12\ \ Two-by-two case study grid with landscape cards
Case Studies 6\ \ Masked case study carousel with logo cards
Case Studies 8\ \ Three-up case study carousel stepping one at a time
Case Studies 9\ \ Two-up landscape case study carousel
Pricing 45\ \ Three-plan pricing with feature comparison table
Pricing 46\ \ Unified pricing comparison table
Feature 381\ \ Six feature cards in an all-breakpoints carousel
Feature 380\ \ Simple Feature cards with carousel on smaller screens
Cta 43\ \ Full-width image CTA with gradient overlay
Cta 44\ \ Full-width image CTA with flat overlay
Cta 45\ \ Full-width image CTA with text shadow
Cta 46\ \ Full-width image CTA with radial vignette
Feature 379\ \ Three-Column Feature Cards With Inline Icons
Pricing 44\ \ Narrow stacked three-plan pricing with switch and mobile carousel