Dark section wrapper lit by a Glow Rig lamp with optional film grain over a fixed near-black ground. Passes the bulb color to cards inside; lamp position, intensity and grain are configurable.
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/glow-sectionnpx shadcn add @01orbital/glow-sectionyarn shadcn add @01orbital/glow-sectionbunx --bun shadcn add @01orbital/glow-sectionPart 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/glow/glow-section.tsx, as source you own and edit.
import { GlowSection } from "@/components/glow/glow-section"
// The lit room on its own: the ground, the lamp above the top edge, the grain.
export default function GlowSectionDemo() {
return (
<GlowSection
position="top-right"
className="h-96 w-full max-w-3xl rounded-3xl"
/>
)
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
Glow Seam
Two lit divider marks: GlowSeam, a rose horizontal section seam, and StandingSeam, a cool vertical line that lights only the active tab trigger. Each glows on dark and becomes ink on light.
Rim Glow
Wrapper that rims its content with a currentColor glow inside and out, in dim, steady or breathing states. Can also cover the viewport as a presence overlay; breathing holds steady under reduced motion.