Hero Carousel

Landing

A 3-step hero carousel with animated step cards for landing pages.

Open in
carouselherolanding

Installation

npx shadcn@latest add @bits-ui/hero-carousel

Preview

Step 1

Step One

This is step one description.

Step 2

Step Two

This is step two description.

Step 3

Step Three

This is step three description.

Usage

Import and use the component
After installation, you can import and use the component in your project.
import { HeroCarousel } from "@/registry/new-york/blocks/hero-carousel/hero-carousel";

export default function Example() {
  return <HeroCarousel />;
}