Animated Text

A versatile text animation component for character, word, or line effects.

Granular controlCustom variantsPreset animations
Basic
Features

Granular Animation

Animate by character, word, or line.

Custom Variants

Define your own Framer Motion variants.

Preset Effects

Use built-in presets for quick results.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add animated-text

Anatomy
import { AnimatedText } from "@/components/ui/motion/animated-text";<AnimatedText text="Hello World" />
Testing Playground
Per Word
Per Line
Props

Loading types…

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI

Starter Kits

Templates

    Coming Soon

Labs