media

Feature Carousel

A stacked-card carousel where the inactive cards stay visible behind the active one, rotating on a timer or by click.

carouselcardsframer-motion

Install with the shadcn CLI

npx shadcn@latest add https://onthic.com/r/feature-carousel

Dependencies

npm i framer-motion

Also needs these files

@/lib/click-ticksrc/lib/click-tick.ts

Included automatically by the CLI command and the prompt.

Usage

<FeatureCarousel
  items={[
    { id: "design", label: "Design", icon: Sparkles, image: "/a.jpg", description: "Identity and interface." },
    { id: "build",  label: "Build",  icon: Layers,   image: "/b.jpg", description: "Shipped, not mocked." },
  ]}
/>