@text-ui

A minimal single-component shadcn/ui registry containing EchoText — a layered, multi-stroke text element where each letter's stroke layers follow the user's pointer in real time. Built with React and Tailwind CSS. The registry exposes one component (echo-text) installable via npx shadcn add @text-ui/echo-text. Fully free and open source. Use for: creating interactive hero text, animated logo wordmarks, or any pointer-reactive typographic accent when building marketing pages or creative portfolio sections.

1 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json

pnpm pnpm dlx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json

bun bunx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json

fetch registry curl -s https://joelachance.github.io/text-ui/r/registry.json

Components

1 total

EchoText component

Layered stroke text that follows the pointer for a simple motion trail effect.

npx shadcn@latest add https://joelachance.github.io/text-ui/r/echo-text.json