KQ-374 · BONFIRE/EDGE

Bonfire Edge

Fire along the bottom edge of the interface: flames that rise and lick, sparks that climb and die, and a heat shimmer that bends the page just above them. The flames lean with the pointer and grow where it comes near. Draws only the fire and the shimmer, so the rest of the page is itself.

KQ-374 · BONFIRE/EDGE

Waylight · the night watch

Three glasses, one fire kept burning.

The rail stays lit from dusk to first light. Whoever holds the deck logs the glass, minds the flame, and hands the watch on clean.

GlassOfficerStartedState
First glassVane20:00steady
Middle glassOrsic00:00alert
Morning glassHalvard04:00standing by
23:40 · glass 1

warm at the edge

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/bonfire-edge

Props

PropTypeDefaultDescription
height / intensity / speednumberHow tall the flames reach in px, how fierce, and how fast they move.
color / sparks / shimmerstring · number · numberThe base colour of the fire, the spark density, and how far the heat bends the page above it.
wind / heat / edgenumber · number · "bottom" | "top"How far the flames lean with the pointer, how much they grow under it, and which edge burns.