Pricing

Text Animate

A text animation component that animates text using a variety of different animations.

1,205

Bookmarks

17,405

Installs

30,005

Views

9 lines
import { TextAnimate } from "@/components/ui/text-animate"

export default function TextAnimateDemo() {
  return (
    <TextAnimate animation="blurInUp" by="character" once>
      Blur in by character

3 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
motion
License
MIT License
Published
1/10/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.