Hero

A powerful hero section component built with shadcn/ui.

Create stunning hero sections with multiple variants including illustration-based layouts, glowing effects, and mobile app showcases. Each variant is designed to make a strong first impression while maintaining shadcn's signature aesthetic.

Built with Tailwind CSS, this component delivers pixel-perfect, responsive hero sections that adapt beautifully across all devices. The clean, modern design principles ensure your hero section effectively communicates your message while maintaining visual harmony with other shadcn components.

Installation

Before installing your first component, follow the installation guide to set up your project.

Once your project is set up, run the following command:

npx shadcn@latest add "https://launchuicomponents.com/r/hero"

This command will:

  • install necessary dependencies and add them topackage.json
  • create any new components required by this section to work incomponents/ui
  • create an example section file in components/sections

This section comes with one free variant. To get all variants, purchase Launch UI Pro.

Usage

Free
New version of Launch UI is out!Get started

Give your big idea the website it deserves

Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium.

Launch UI v2 is out!Read more

Professionally designed blocks and templates for websites and apps

Carefully crafted components and templates built with React, Shadcn/ui and Tailwind that will help your product stand out from the crowd.

Give your big idea the website it deserves

Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium.

Get Started

Free and open source forever.

Give your big idea the website it deserves

Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium.

New version of Launch UI is out!Get started

Give your big idea the website it deserves

Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium.

Need help?

File a feature request, report a bug, or ask me anything.