---
name: "@text-ui"
slug: "text-ui"
description: "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."
category: "Niche/single-purpose"
tags: ["aesthetic", "animation", "blocks", "charts", "icons", "marketing", "mobile", "saas"]
framework: "react"
license: null
author: "joelachance"
website: "https://joelachance.github.io/text-ui/docs"
github: "https://github.com/joelachance/text-ui"
registry: "https://joelachance.github.io/text-ui/r/registry.json"
pro: false
pro_url: null
github_stars: 4
component_count: 1
generated_at: "2026-07-28T08:00:50.948Z"
---

# @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.

## Links

- Website: https://joelachance.github.io/text-ui/docs
- GitHub: https://github.com/joelachance/text-ui
- Registry JSON: https://joelachance.github.io/text-ui/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/text-ui
- This file: https://sh4dcn.vercel.app/md/text-ui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json
pnpm dlx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json
bunx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json
# clone the source repo
git clone https://github.com/joelachance/text-ui.git
# fetch the raw registry index
curl -s https://joelachance.github.io/text-ui/r/registry.json
```

## Components (1)

| name | type | description | install |
| --- | --- | --- | --- |
| echo-text | registry: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` |

## For AI agents

```text
You are adding components from @text-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/text-ui.md) for the component list.
2. Fetch the machine-readable index: https://joelachance.github.io/text-ui/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: text-ui).
```