Primitive · CLI

Text Morph

Shared letters travel between label strings. Opt-in for Idle → Loading → Done.

Preview

npx shadcn@latest add @atroui/text-morph

Click to morph Idle → Loading → Done. Opt-in — not default on every Button.

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/text-morph

Source lands in your repo. Installation · Registry

Wire into button loading states when earned — not default on every CTA. Scramble / typewriter stay rare-path demos, not product chrome.

tsx

import { TextMorph } from "@/components/ui/text-morph"

<TextMorph>{label}</TextMorph>

import { TextMorph } from "@/components/ui/text-morph"

<TextMorph>{label}</TextMorph>