ظهور تار
blur-textانیمیشنکلمههایی که از راست به چپ، از تاری بیرون میآن.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add blur-textنصب دستی
محتوای تب «کد» را در
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>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| delay | number | 120 | فاصلهی شروع هر کلمه (میلیثانیه). |