Skip to Content
Get full access

Solar Flare Scene

Eclipse orb background scene: a dark orb ringed by gold and amber rim light inside a soft aura on a near-black ground, with an optional painted texture inside. Adjust size and offset, or let the aura flicker. A dramatic hero backdrop.

pnpm dlx shadcn add @01orbital/solar-flare-scene

Usage

import { SolarFlareScene } from "@/components/scene/solar-flare-scene"

export default function Example() {
  return <SolarFlareScene />
}

Examples

New

solar-flare-scene-texture

solar-flare-scene-texture

Texture

Eclipse orb background example: the Solar Flare Scene with a painted texture laid inside the dark orb in soft-light blend, under gold rim light. A textured planet graphic for hero sections.

pnpm dlx shadcn add @01orbital/solar-flare-scene-texture

API reference

An eclipse: a dark orb ringed by gold and amber rim light inside a soft aura, on a near-black ground. The orb can carry a painted texture, the aura can flicker, and the orb's size and position are adjustable. Hidden from assistive tech.

Prop

Type

It also accepts the HTML attributes of the element it renders.

Dependencies

npm: cn. The CLI installs them for you.

No other registry pieces.

Backlit Blocks Scene

bone-slabs

cobalt-slabs

Color Wash

copper-slabs

Gestural Zip Scene