Svelte 5 component · machines-ui · Animated
TextTyping
Types a line of text one character at a time, restarting when the text changes or the line becomes active again.
Install
TextTyping is a Svelte 5 animated ASCII text typing component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.
pnpm add @fractaldesign/machines-uiProps
| Name | Type | Default |
|---|---|---|
textToAnimate | string The full line to type; its characters are revealed in order. | 'this is the one' |
active | boolean Types only while true. Flip it on and the line types from empty; flip it off and the full text is shown at once. Anything not currently being animated should read its label plainly, not re-type. | true |
trigger | unknown Optional extra dependency. Change it to re-type while already active — for a loop that returns to the same item, say. | — |
duration | number Milliseconds for a full line. Default 900. | 900 |
Related components
GraphAgni An ASCII fire that burns upward from a pit, with rising sparks and live sliders for the grid size, speed,…GraphAum An Aum (ॐ) figure drawn in terminal glyphs, inked in stroke by stroke and then rippled by a resonance wave…GraphBoot An animated boot/deploy run in ASCII: each step fills a progress bar, shows its ETA, and lands on a ✓ or ✗,…GraphCron A live, character-based preview of a cron schedule, showing matching minute and calendar positions.GraphDamru A damru (hourglass drum) drawn in ASCII, pulsing in place through the eight beats of Adi tala.GraphDeps A dependency tree drawn with ASCII branch lines, cascading package by package and showing each name with its…