ظهور شبکه‌ای

grid-revealانیمیشن

کاشی‌هایی که به‌صورت موج قطری از بالا-راست ظاهر میشن.

سیستم طراحی

نصب

با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.
$ npx vibefarsi add grid-reveal
نصب دستی
محتوای تب «کد» را در components/animations/grid-reveal.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.
$ npm i lucide-react
کپی کل فایلregistry json

usage.tsx

1import { GridReveal } from "@/components/animations/grid-reveal"23<GridReveal cols={6} rows={3} />

پراپ	نوع	پیش‌فرض	توضیح
cols / rows	number	6 / 3	ابعاد شبکه.
step	number	60	فاصله‌ی زمانی هر قطر.