Svelte 5 component · machines-ui · Animated
GraphDamru
A damru (hourglass drum) drawn in ASCII, pulsing in place through the eight beats of Adi tala.
Install
GraphDamru is a Svelte 5 animated ASCII damru 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 { GraphDamru } from '@fractaldesign/machines-ui';Usage
<GraphDamru title="BEAT" />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the tala. Default true. Reduced motion freezes a clap beat. | true |
cols | number Width of the scene in characters. Default 60. | 60 |
rows | number Height of the scene in rows. Default 16. | 16 |
speedMs | number Milliseconds per beat. Default 220. | 220 |
label | string Short caption under the art; the art itself is decorative. | 'the first sound' |
class | string | '' |
Related components
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.GraphFlame A flame graph drawn in ASCII, cycling which leaf of the call tree is lit as the hot path.GraphFlowPlayer Plays through an ordered list of process steps, typing on the active step's label and revealing its detail…GraphGanga Three stepped river lines cascading down the frame while a lit diya rides the bottom flow; purely decorative.