Components

Typewriter

Types each word character by character beside a blinking caret, holds, deletes, and moves to the next.

Springs that snap.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add typewriter

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Typewriter } from "@lumora/ui/components/typewriter";
// or from the barrel:
import { Typewriter } from "@lumora/ui";

Props worth knowing

words cycles through your strings; typeSpeed/deleteSpeed are ms per character; holdMs pauses on a completed word; loop starts over after the last. Reduced motion shows the first word statically. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.