HeroCarousel

Embla-based looping headline carousel with autorotate and italic-accent markdown in headlines.

components/hero-carousel.tsxPeer deps: lucide-react, embla-carousel-react

Live preview

Component pack v1

Storefront components, quietly polished.

Drop-in, brand-flexible pieces — copy the .tsx, edit anything, ship.

See all 15 Buy $79

Free updates

One repo. Lifetime access.

git pull as new components land — same private repo invite.

Browse FAQ

Usage

import { HeroCarousel } from "@/components/hero-carousel";

<HeroCarousel
  slides={[
    {
      eyebrow: "Just landed",
      headline: "Designed *quietly*. Built loudly.",
      body: "Copy. Paste. Ship.",
      ctaPrimary:   { label: "Shop", href: "/products" },
      ctaSecondary: { label: "About", href: "/about" },
    },
  ]}
/>