text-ui

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

EchoText

EchoText demo

Install

After , add EchoText from the registry:

bash

npx shadcn@latest registry add @text-uinpx shadcn@latest add @text-ui/echo-text
tsx
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

CommandWhat it does
bun run registry:buildBuild public/r from registry.json
bun run pages:prepareRebuild, then copy public/r → r/ for Pages
bun run playgroundLocal preview (dev only)

For proposing this registry to the index, see (same shape as entries in 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: · · per-item (what @text-ui/echo-text resolves to).
  • /docs redirects to the .

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