KQ-351 · ECHO/TYPE
Echo Type
Display text with echo layers stacked behind it that fan apart on hover and re-stack when the pointer leaves — fanning staggers outward from the lead, and closing reverses the stagger so the layers fold back like a deck. An always-on mode holds the fan open and breathes it. Built for 404 numerals and single-word headlines that need presence without a backdrop.
KQ-351 · ECHO/TYPE
404
echo
hover to fan
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/echo-type
Props
- text
- string
- default —
- The word or numeral to render.
- echoes
- number
- default 5
- Echo layers behind the lead.
- mode
- "hover" | "always"
- default "hover"
- Fan on hover and focus, or hold the fan open and breathe it.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | The word or numeral to render. |
| echoes | number | 5 | Echo layers behind the lead. |
| mode | "hover" | "always" | "hover" | Fan on hover and focus, or hold the fan open and breathe it. |