ProAmbient

Halo Border

A card frame with two comets of light chasing around its edge and a soft glow spilling outside.

Recording
Usage
import { HaloBorder } from "./HaloBorder";

<HaloBorder />

About

A card frame with two comets of light chasing around its edge and a soft glow spilling outside. Wrap any content. One self-contained React file drawing with WebGL2, inline styles, no dependencies; it pauses while off-screen.

What you get

  • Rebuild prompt

    One paste into Claude Code, Cursor, Codex or v0 rebuilds it byte for byte.

  • Source

    HaloBorder.tsx — plain React and CSS, every comment kept.

  • Vite project

    A ready-to-run project with this exact example and pinned versions — unzip, install, run.

More like this

All components