A neon tube ring with its electrode gap masked out, plus an inner glow, outward throw and soft halo all derived from one tube color. It reads on light paper as well as on dark grounds.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/neon-discnpx shadcn add @01orbital/neon-discyarn shadcn add @01orbital/neon-discbunx --bun shadcn add @01orbital/neon-discPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/orbs/neon-disc.tsx, as source you own and edit.
import { NeonDisc } from "@/components/orbs/neon-disc"
export default function NeonDiscDemo() {
return <NeonDisc />
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: cn. The CLI installs them for you.
No other registry pieces.
Multicolor Orb
A dark sphere lit by three colored lights, a coral key, magenta fill and purple rim, drawn with SVG inset filters and outer glows. A key, fill and rim palette recolors it without moving the geometry.
Neon Orb
An SVG neon tube ring with blacked-out electrode ends in five gas or phosphor colors. It can switch off to pale daylight glass or sputter like a failing tube, stilled under reduced motion; also exports a bloom ring.