Svelte 5 component · machines-ui · Animated
GraphAgni
An ASCII fire that burns upward from a pit, with rising sparks and live sliders for the grid size, speed, and cooling.
Install
GraphAgni is a Svelte 5 animated ASCII agni 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 { GraphAgni } from '@fractaldesign/machines-ui';Usage
<GraphAgni title="HAVAN" cols={48} rows={12} />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the burn. Default true. Reduced motion freezes a mid-burn frame. | true |
showControls | boolean Show the playback controls. Default true. | true |
cols | number Width of the scene in characters. Default 56. | 56 |
rows | number Height of the scene in rows. Default 16. | 16 |
speedMs | number Milliseconds per simulation step. Default 90. | 90 |
cooling | number Random decay strength; higher burns out sooner. Default 0.6. | 0.6 |
seedNum | number Seed for the reproducible burn. Default 3. | 3 |
class | string | '' |
Related components
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…GraphDiya A row of diyas that light one by one and then breathe, drawn as character-art candle flames over a dark…