Svelte 5 component · machines-ui · Animated
GraphAum
An Aum (ॐ) figure drawn in terminal glyphs, inked in stroke by stroke and then rippled by a resonance wave that travels the stroke order before settling.
Install
GraphAum is a Svelte 5 animated ASCII aum component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.
pnpm add @fractaldesign/machines-uiImport
import '@fractaldesign/machines-ui/style.css';
import { GraphAum } from '@fractaldesign/machines-ui';Usage
<GraphAum title="AUM" />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the ink-in and resonance. Default true. Reduced motion freezes a settled frame. | true |
cols | number Width of the scene in characters; at least 46 so the figure fits. Default 56. | 56 |
rows | number Height of the scene in rows. Default 22, which is also the minimum: smaller values are ignored. | 22 |
speedMs | number Milliseconds per tick. Default 110. | 110 |
seedNum | number Seed offsets the resonance wave along the stroke. Default 7. | 7 |
label | string Short caption under the art; the art itself is decorative. | 'the primordial vibration' |
class | string | '' |
Related components
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…GraphDiya A row of diyas that light one by one and then breathe, drawn as character-art candle flames over a dark…GraphFire A looping character-art fire animation with adjustable dimensions, cooling, and speed.