ns-ui / loud

Hero ASCII Lichtenberg

A full-bleed ASCII hero of dielectric breakdown — a Lichtenberg figure grows site by site up the Laplace potential field, always branching to where the local field is strongest, holds its finished form, then fades as the next strike begins from a new seed.

Use when Pick hero-ascii-lichtenberg when the hero should read as a single violent event that leaves a structure behind — a branching discharge scar that grows, holds and is replaced, with the cursor acting as an electrode later branches fork toward. hero-ascii-reaction-front is the pick for a continuously advancing front rather than a discrete strike, and hero-ascii-eclipse for a hero whose payoff is one alignment moment rather than an accumulating figure.

Install

npx shadcn add https://design.helpmarq.com/r/hero-ascii-lichtenberg.json
View source and playground
ns-ui / hero-ascii-lichtenberg

Every path is the steepest one.

A dielectric breakdown solved live on the character grid. The channel only ever grows where the field is strongest, so the figure forks itself into existence.

Read the docs

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
eta?numberDBM growth exponent — 1 is a fat blob, 3 the sparse forked lightning figure
children?ReactNode
className?string