Writing Text

A text component that smoothly reveals content word by word.

Writing Text With Effect

Installation

Prop	Type	Default
`className?`	`string`	-
`duration?`	`number`	`2`
`delay?`	`number`	`0.5`
`startOnView?`	`boolean`	`false`
`spacing?`	`number \| string`	`5`
`text`	`string`	-
`transition?`	`Transition`	`{ type: 'spring', bounce: 0, duration: 2, delay: 0.5 }`

Typing Text

A text component that dynamically simulates a typing animation, progressively revealing characters as if typed in real-time.

Bubble Background

An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.