Text Animate

FREE

Kelime ya da harf harf belirme (bulanık, yukarı, kayma, ölçek), dönen kelime ve daktilo efekti; erişilebilir ve hareket azaltmaya uyumlu.

Kurulum

Terminal

npx @bloxa/cli add text-animate
# or: npx shadcn@latest add @bloxa/text-animate

Otomatik kurulan paketler: motion

Build dashboards, landing pages, admin panels, checkouts faster

$ npx @bloxa/cli add chart, npx @bloxa/cli add dock, npx @bloxa/cli add marquee

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

Özellik	Tip	Varsayılan	Açıklama
children	string	—	Metin.
effect	"blur-in" \| "fade-up" \| "slide-left" \| "scale" \| "letters"	"blur-in"	Efekt.
by	"word" \| "character" \| "line"	"word"	Parçalama.
stagger / delay	number	0.06 / 0	Parçalar arası ve başlangıç gecikmesi (sn).
as	"span" \| "h1" \| "h2" \| "h3" \| "p"	"span"	Etiket.

Özellik	Tip	Varsayılan	Açıklama
words	string[]	—	Dönen kelimeler.
interval	number	2200	Kelime başına süre (ms).

Özellik	Tip	Varsayılan	Açıklama
words	string[]	—	Yazılacak ifadeler.
speed / hold	number	55 / 1600	Karakter hızı ve bekleme (ms).
loop / cursor	boolean	true	Döngü ve imleç.