Components

Every component renders live. Hover one to save, compare or copy it.

39 components

Clear filters

Shapes Hero
Kokonut UI · Hero
Marketing Hero Analytics
Cult UI · Hero
Hero Highlight
Aceternity UI · Hero
Hero Parallax
Aceternity UI · Hero
Hero Liquid Metal
Cult UI · Hero
Hero Heatmap
Cult UI · Hero
Hero Dithering
Cult UI · Hero
Parallax Hero Images
Aceternity UI · Hero
Hero With Centered ImagePaid component — get it from Aceternity UI
Hero With Centered Image
Aceternity UI · Hero
Pro
Hero Color Panel
Cult UI · Hero
Playful Hero SectionPaid component — get it from Aceternity UI
Playful Hero Section
Aceternity UI · Hero
Pro
Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons and images.Paid component — get it from Aceternity UI
Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons and images.
Aceternity UI · Hero
Pro
A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that require a modern look.Paid component — get it from Aceternity UI
A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that require a modern look.
Aceternity UI · Hero
Pro
Hero Section With Flickering LightsPaid component — get it from Aceternity UI
Hero Section With Flickering Lights
Aceternity UI · Hero
Pro
Hero Section With Shadow and ScalesPaid component — get it from Aceternity UI
Hero Section With Shadow and Scales
Aceternity UI · Hero
Pro
Hero with animated dither shader background, scale bands, product screenshot, and logo railPaid component — get it from Aceternity UI
Hero with animated dither shader background, scale bands, product screenshot, and logo rail
Aceternity UI · Hero
Pro
Hero with hatch scale bands, corner frames, split copy and image, and a logo railPaid component — get it from Aceternity UI
Hero with hatch scale bands, corner frames, split copy and image, and a logo rail
Aceternity UI · Hero
Pro
Hero section with hover highlight showing element dimensions and sliding number animationPaid component — get it from Aceternity UI
Hero section with hover highlight showing element dimensions and sliding number animation
Aceternity UI · Hero
Pro
Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagramPaid component — get it from Aceternity UI
Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagram
Aceternity UI · Hero
Pro
Minimal hero with navbar, CTAs, and a large tabbed product windowPaid component — get it from Aceternity UI
Minimal hero with navbar, CTAs, and a large tabbed product window
Aceternity UI · Hero
Pro
SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, pricing, FAQ, CTA and footerPaid component — get it from Aceternity UI
SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, pricing, FAQ, CTA and footer
Aceternity UI · Hero
Pro
Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window hero, animated features, how it works, devices, team, CTA, logo wall and footerPaid component — get it from Aceternity UI
Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window hero, animated features, how it works, devices, team, CTA, logo wall and footer
Aceternity UI · Hero
Pro
Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feature tabs, a draggable workflow canvas, a live network map, a code demo, a model catalog, pricing, a dithered CTA and footerPaid component — get it from Aceternity UI
Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feature tabs, a draggable workflow canvas, a live network map, a code demo, a model catalog, pricing, a dithered CTA and footer
Aceternity UI · Hero
Pro
Split promo hero with copyable coupon code, expiry, and campaign imagePaid component — get it from ReUI
Split promo hero with copyable coupon code, expiry, and campaign image
ReUI · Hero
Pro
Hero coupon banner with copyable code and full-bleed imagePaid component — get it from ReUI
Hero coupon banner with copyable code and full-bleed image
ReUI · Hero
Pro
Projects empty state with hero illustration, dual actions, and quick-start template listPaid component — get it from ReUI
Projects empty state with hero illustration, dual actions, and quick-start template list
ReUI · Hero
Pro
Dark MCP usage hero with an animated isometric bar chart and a flagged usage spikePaid component — get it from ReUI
Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike
ReUI · Hero
Pro
Centered registry hero with a brand cloud and a framed analytics consolePaid component — get it from ReUI
Centered registry hero with a brand cloud and a framed analytics console
ReUI · Hero
Pro
Centered registry hero with a creator cloud and dual calls to actionPaid component — get it from ReUI
Centered registry hero with a creator cloud and dual calls to action
ReUI · Hero
Pro
Split hero with a Built to ship checklist and a bleeding app-shell carouselPaid component — get it from ReUI
Split hero with a Built to ship checklist and a bleeding app-shell carousel
ReUI · Hero
Pro
Emerald registry hero with an animated isometric scene of floating product blocksPaid component — get it from ReUI
Emerald registry hero with an animated isometric scene of floating product blocks
ReUI · Hero
Pro
Split Registry Hero With A Console On A Drifting Photo BackdropPaid component — get it from ReUI
Split Registry Hero With A Console On A Drifting Photo Backdrop
ReUI · Hero
Pro
Split registry hero with a live security console over a tower skylinePaid component — get it from ReUI
Split registry hero with a live security console over a tower skyline
ReUI · Hero
Pro
Registry hero with a tabbed console on a sky fieldPaid component — get it from ReUI
Registry hero with a tabbed console on a sky field
ReUI · Hero
Pro
Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdownPaid component — get it from ReUI
Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown
ReUI · Hero
Pro
Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to CartPaid component — get it from ReUI
Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart
ReUI · Hero
Pro
Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tilesPaid component — get it from ReUI
Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles
ReUI · Hero
Pro
Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story PanelsPaid component — get it from ReUI
Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels
ReUI · Hero
Pro
Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pillsPaid component — get it from ReUI
Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills
ReUI · Hero
Pro

Components

Shapes Hero

Marketing Hero Analytics

Hero Highlight

Hero Parallax

Hero Liquid Metal

Hero Heatmap

Hero Dithering

Parallax Hero Images

Hero With Centered Image

Hero Color Panel

Playful Hero Section

Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons and images.

A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that require a modern look.

Hero Section With Flickering Lights

Hero Section With Shadow and Scales

Hero with animated dither shader background, scale bands, product screenshot, and logo rail

Hero with hatch scale bands, corner frames, split copy and image, and a logo rail

Hero section with hover highlight showing element dimensions and sliding number animation

Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagram

Minimal hero with navbar, CTAs, and a large tabbed product window

SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, pricing, FAQ, CTA and footer

Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window hero, animated features, how it works, devices, team, CTA, logo wall and footer

Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feature tabs, a draggable workflow canvas, a live network map, a code demo, a model catalog, pricing, a dithered CTA and footer

Split promo hero with copyable coupon code, expiry, and campaign image

Hero coupon banner with copyable code and full-bleed image

Projects empty state with hero illustration, dual actions, and quick-start template list

Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike

Centered registry hero with a brand cloud and a framed analytics console

Centered registry hero with a creator cloud and dual calls to action

Split hero with a Built to ship checklist and a bleeding app-shell carousel

Emerald registry hero with an animated isometric scene of floating product blocks

Split Registry Hero With A Console On A Drifting Photo Backdrop

Split registry hero with a live security console over a tower skyline

Registry hero with a tabbed console on a sky field

Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown

Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart

Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles

Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels

Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills

Shapes Hero

Marketing Hero Analytics

Hero Highlight

Hero Parallax

Hero Liquid Metal

Hero Heatmap

Hero Dithering

Parallax Hero Images

Hero With Centered Image

Hero Color Panel

Playful Hero Section

Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons and images.

A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that require a modern look.

Hero Section With Flickering Lights

Hero Section With Shadow and Scales

Hero with animated dither shader background, scale bands, product screenshot, and logo rail

Hero with hatch scale bands, corner frames, split copy and image, and a logo rail

Hero section with hover highlight showing element dimensions and sliding number animation

Centered SaaS hero with pill CTAs and a hub-and-spoke tool diagram

Minimal hero with navbar, CTAs, and a large tabbed product window

SaaS landing page for Folio, a research repository, with a hub hero, features, how it works, testimonials, pricing, FAQ, CTA and footer

Landing page for Parley, an on-device meeting notes app for Mac, with a tabbed app-window hero, animated features, how it works, devices, team, CTA, logo wall and footer

Dark landing page for Kestrel, a global AI inference platform, with a dashboard hero, feature tabs, a draggable workflow canvas, a live network map, a code demo, a model catalog, pricing, a dithered CTA and footer

Split promo hero with copyable coupon code, expiry, and campaign image

Hero coupon banner with copyable code and full-bleed image

Projects empty state with hero illustration, dual actions, and quick-start template list

Dark MCP usage hero with an animated isometric bar chart and a flagged usage spike

Centered registry hero with a brand cloud and a framed analytics console

Centered registry hero with a creator cloud and dual calls to action

Split hero with a Built to ship checklist and a bleeding app-shell carousel

Emerald registry hero with an animated isometric scene of floating product blocks

Split Registry Hero With A Console On A Drifting Photo Backdrop

Split registry hero with a live security console over a tower skyline

Registry hero with a tabbed console on a sky field

Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown

Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart

Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles

Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels

Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills