ظهور ماسکی

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add text-reveal

2. نصب دستی

   محتوای تب «کد» را در components/animations/text-reveal.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { TextReveal } from "@/components/animations/text-reveal"23<h1 className="text-4xl font-bold"><TextReveal lines={["زیرساخت پرداخت", "برای محصول دیجیتال شما"]} /></h1>

پراپ‌ها

نکته‌ها

• ماسک با clip-path هست نه overflow، برای همین دنباله‌ی حروفی مثل «ی» و «ج» بریده نمیشه.