KQ-171 · TYPE/ON
Type On
A line that types itself out behind a caret and un-types when it is replaced. One motion value holds the revealed length and the shown substring is derived from it, so the whole run costs a single render however long the line; swapping the text backspaces the old and types the new.
KQ-171 · TYPE/ON
Precision is a feeling.
Line 1 of 3
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/type-on
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | The line to type; changing it de-types then re-types. |
| speed | number | 26 | Characters per second. |
| as / caret | "span" | "p" | "h2" | "h3" / boolean | "p" / true | The wrapper element and whether the caret blinks. |