Wavy Text

A wave animation on text characters.

npx arupui add wavy-text
Preview
Hello World!

Usage

wavy-text.tsx
import { WavyText } from "@/components/blocks/wavy-text"

<WavyText text="Hello World!" />

Props

text
Type: stringDefault: -
delay
Type: numberDefault: 0
duration
Type: numberDefault: 0.05
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light