رسانه

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

نصب با CLI شدسی‌ان

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

وابستگی‌ها

npm i framer-motion

این فایل‌ها را هم لازم دارد

  • @/components/iconssrc/components/icons/index.tsx
  • @/i18n/navigationsrc/i18n/navigation.ts
  • @/lib/click-ticksrc/lib/click-tick.ts

به‌صورت خودکار همراه دستور CLI و پرامپت اضافه می‌شود.

استفاده

<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." },
  ]}
/>