چرخش کلمه
word-rotateانیمیشنیک جای جمله که بین چند کلمه میچرخه و هر کلمه با تاری نرم بالا میآد.
برای توسعهدهنده ساخته شده
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add word-rotateنصب دستی
محتوای تب «کد» را در
components/animations/word-rotate.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { WordRotate } from "@/components/animations/word-rotate"23<h1>کامپوننتهای فارسی، برای <WordRotate words={["توسعهدهنده", "طراح", "وایبکدر"]} /></h1>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| words | string[] | - | کلمهها به ترتیب. |
| interval | number | 2200 | میلیثانیه برای هر کلمه. |