✨ 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

Word Pull Up Text

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

WordPullUp

import { WordPullUpText } from "@/registry/eldoraui/word-pull-up-text"

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

Installation


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

Usage

import { WordPullUpText } from "@/components/eldoraui/word-pull-up-text"

<WordPullUpText text="Word Pull Up" className="text-blue-600" />

Props

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

Wavy Text Installation

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