Backgrounds

Firework burst canvas

Shells launch from the bottom edge, arc up trailing a streak, then burst into sparks that fall away under gravity.

Using Firework burst canvas

Shells launch from the bottom edge, arc up trailing a streak, then burst into sparks that fall away under gravity.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: density, accent, sparkCount, shellSpeed, gravity

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1941Comet rainBackgroundsStreaks with bright heads fall from a glowing point near the top and curve outward as they drop, at speeds set by their depth.

1688Drifting Light BeamsBackgroundsTall tilted bars of light drift upward at different speeds and blur together into a slowly shifting haze.

1952Drifting particle fieldBackgroundsA slowly tumbling cloud of small round points, each drifting on its own path, with the whole cloud leaning away from the pointer.

1698Funnel vortex backdropBackgroundsA wireframe funnel of shrinking rings and radial spokes pouring into a lit throat, with specks rising back out.

1703Gravity dust fieldBackgroundsA slow field of glowing dust specks that bend toward or away from the pointer and flare brighter the closer they get.

2187Luminous ribbon fieldBackgroundsA canvas backdrop where a few glowing ribbons weave across the frame, tapering to points at both edges and blooming toward white where they cross.