Letter Pullup

Each letter pulls up from below with staggered timing.

npx arupui add letter-pullup
Preview
Letter Pullup Animation

Usage

letter-pullup.tsx
import { LetterPullup } from "@/components/blocks/letter-pullup"

<LetterPullup text="Hello World" />

Props

text
Type: stringDefault: -
delay
Type: numberDefault: 0.03
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light