✨ Give us a star on GitHub Help us grow by starring the project and sharing your feedback.

Getting Started

Templates

Mockups

Components

Special Animations

Buttons

Text Animations

Backgrounds

Letter Pull Up Text

Animated text component that pulls up letters from bottom with staggered timing effect.

L

e

t

t

e

r

P

u

l

l

U

p

import { LetterPullUpText } from "@/registry/eldoraui/letter-pull-up-text"

export function LetterPullUpTextDemo() {
  return (
    <LetterPullUpText
      className="font-display text-center text-4xl font-bold -tracking-widest text-black md:text-7xl md:leading-[5rem] dark:text-white"
      text="Letter Pull Up"
    />
  )
}

Installation


pnpm dlx shadcn@latest add @eldoraui/letter-pull-up-text

Usage

import { LetterPullUpText } from "@/components/eldoraui/letter-pull-up-text"

<LetterPullUpText text="Welcome to EldoraUI" className="text-blue-600" />

Props

Prop	Type	Default	Description
`text`	`string`	`""`	The text content to display
`className`	`string`	`""`	Additional CSS classes to apply to the element

iPhone 17 Pro LiveButton

On This Page

Contribute

Join Us on Discord

Eldora UI

Get latest updates and support
and get help from our community

Trusted by 1,000+ developers