text-ui

Layered text that follows the pointer. Make cool logos, or any text interactive.

EchoText

Install

After shadcn init, add EchoText from the registry:

npx shadcn@latest registry add @text-ui
npx shadcn@latest add @text-ui/echo-text

import { EchoText } from "@/registry/components/echo-text";

<EchoText
  text="hello"
  fontClassName="font-semibold tracking-tight"
  className="h-72 w-full max-w-xl"
  aria-label="Interactive hello"
/>

Contributing

Commands

Command	What it does
bun run registry:build	Build public/r from registry.json
bun run pages:prepare	Rebuild, then copy public/r → r/ for Pages
bun run playground	Local preview (dev only)

For proposing this registry to the index, see directory-entry.example.json (same shape as entries in directory.json upstream).

Github Pages

Serving this Github Page is required for the registry to pull text-ui.

In the repo Settings → Pages: deploy from branch main with folder / (root) — not /docs.

• Hosted manifests: /r/registry.json · /r/text-ui.json · per-item /r/echo-text.json (what @text-ui/echo-text resolves to).
• /docs redirects to the README on GitHub.

After changing the component, run bun run pages:prepare and commit the updated r/ folder.