Typewriting Text

An animated typing effect component for displaying text with a smooth, typewriter-like motion.

Typing effectLoop supportSpeed control
Basic
Features

Typewriter Animation

Simulates character-by-character typing.

Continuous Loop

Option to repeat the typing sequence.

Variable Speed

Adjust typing and deleting speeds.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add typewriting-text

Anatomy
import { TypewritingText } from "@/components/ui/motion/typewriting-text";<TypewritingText texts={["Hello World", "Welcome"]} />
Testing Playground
Looped
Props

Loading types…

Edit on GitHub

Shining Text

Shining effect on text with customizable animation speed and glow spread.

Animated Dock

An interactive, Apple-style dock with smooth motion physics and dynamic icon scaling. Responsive, intuitive, and built for precision.