جلوه‌ها

Process Story

The scroll-driven studio process section — numbered phases that pin, advance, and hand off to the next as you scroll through them.

pins and advances on scroll

scrollnarrativesections

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

npx shadcn@latest add https://onthic.com/r/process-story

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

@/components/iconssrc/components/icons/index.tsx
@/components/ui/interactive-hover-buttonsrc/components/ui/interactive-hover-button.tsx
@/lib/click-ticksrc/lib/click-tick.ts
@/lib/motionsrc/lib/motion.ts

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

استفاده

import ProcessStory from "@/components/ui/process-story";

<ProcessStory />