ظهور تار

blur-textانیمیشن

کلمه‌هایی که از راست به چپ، از تاری بیرون می‌آن.

نصب

  1. با CLI

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

    $ npx vibefarsi add blur-text
  2. نصب دستی

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

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

استفاده

usage.tsx
1import { BlurText } from "@/components/animations/blur-text"23<h1 className="text-4xl font-bold"><BlurText text="کامپوننت‌هایی که فارسی را می‌فهمند" /></h1>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
delaynumber120فاصله‌ی شروع هر کلمه (میلی‌ثانیه).