Docs
Typewriter Effect

Typewriter Effect

The Typewriter effect component animates text, mimicking real-time typing on the screen. It adds interactivity and engagement by revealing characters one by one, reminiscent of traditional typewriters. This dynamic feature injects a modern flair into digital content while retaining a nostalgic charm. With its captivating effect, it enhances user experience and brings an element of dynamism to applications and websites.

The road to freedom starts from here

Build 
awesome 
apps 
with 
CampEd. 

Installation

yarn add @camped-ui/typewriter-effect

Usage

import { TypewriterEffect } from "@camped-ui/typewriter-effect";
<TypewriterEffect words={words} />

Examples

Default

Text generates as if it is being typed on the screen.

The road to freedom starts from here

Build 
awesome 
apps 
with 
CampEd. 

Smooth animation

A more janky animation to give a typing effect.

The road to freedom starts from here