Text Generate

Text that generates character by character with a typing cursor effect.

texttypinggenerateanimated

Installation

Terminalbash

npx motioncraft add text-generate

text-generate.tsxtsx

import { TextGenerate } from "@/components/text/text-generate";

<TextGenerate words="Hello, World!" />

Prop	Type	Default	Description
words*	string	—	Text to generate
className	string	—	Additional CSS classes

Text with animated gradient color effect.

Text that splits apart vertically on scroll, revealing content underneath. Scroll-driven with sticky positioning.

Text that reveals word by word with scroll-driven animation.

Animated aurora borealis gradient background with configurable colors and speed.