Orbs
Orbs components: compare
Every Orbs component side by side: whether it follows the theme or stays dark, how many parts and custom props it has, and whether it is free. Open one for its preview, API and install.
Compare
| Component | Theme | Parts | Custom props | Access |
|---|---|---|---|---|
| Black Hole Orb | Dark only | 1 | 7 | Licensed |
| Bloom Orb | Light and dark | 1 | 4 | Licensed |
| Cloudy Nimbus Coral | Light and dark | 1 | 1 | Licensed |
| Cloudy Nimbus Lilac | Light and dark | 1 | 1 | Licensed |
| Cloudy Nimbus Moss | Light and dark | 1 | 1 | Licensed |
| Felt Orb | Light and dark | 4 | 4 | Licensed |
| Key Light Orb | Dark only | 1 | 3 | Licensed |
| Limned Orb | Dark only | 1 | 5 | Licensed |
| Living Orb | Light and dark | 1 | 4 | Licensed |
| Moon Sphere | Light and dark | 1 | 2 | Free |
| Multicolor Orb | Light and dark | 1 | 2 | Licensed |
| Neon Disc | Dark only | 1 | 2 | Licensed |
| Neon Orb | Light and dark | 2 | 11 | Licensed |
| Orb Crescent | Dark only | 1 | 2 | Licensed |
| Orb Palettes | Light and dark | — | — | Licensed |
| Orb Picker | Light and dark | 1 | 5 | Licensed |
| Orbital Orb Scene | Light and dark | 1 | 8 | Licensed |
| Orbital V4 | Light and dark | 1 | 7 | Licensed |
| Orbital V6 | Light and dark | 1 | 9 | Licensed |
| Painted Orb | Light and dark | 1 | 4 | Licensed |
| Painted Orb Rim | Dark only | 1 | 3 | Licensed |
| Painted Orb Rim Scene | Dark only | 1 | 4 | Licensed |
| Planet | Light and dark | 1 | 4 | Licensed |
| Rising Orb | Light and dark | 1 | 3 | Licensed |
| Rising Orb Scene | Light and dark | 1 | 5 | Licensed |
| Shadow Orb | Light and dark | 1 | 2 | Licensed |
| Terminator Orb | Dark only | 1 | 9 | Licensed |
All Orbs components
27 components, A to Z.
Black Hole OrbLicensedA black hole painted in CSS gradients: a tilted accretion disk, lensed photon rings and a black shadow, with Doppler beaming dimming the receding side. Tilt, thickness, reach and palette adjust.
Bloom OrbLicensedA pale modelled sphere for light surfaces that blooms to an accent color with a slight lift on hover, its own or its parent group's. The shadow stack derives from the body and shade colors.
Cloudy Nimbus CoralLicensedA disc of baked cloudy paint in a coral palette under an overlay grain tile, for avatars or spot art. Below 48px it drops the grain and raises contrast and saturation so the clouds still read.
Cloudy Nimbus LilacLicensedThe Cloudy Nimbus disc in lilac: a pre-rendered cloud painting clipped to a circle with overlay grain. Baked at 384px, so keep it at or under that size; small discs switch to a crisper, grainless look.
Cloudy Nimbus MossLicensedThe Cloudy Nimbus disc in a moss palette, baked at 512px for larger placements such as heroes and cards. Grain overlays the paint from 48px up; smaller discs trade it for a half-pixel inner rim.
Felt OrbLicensedA teal domed glow on dark felt with coarse and fine grain layers, sized as a section background. Dome opacity acts as the darkness dial, and an optional vignette dissolves the edges for footers and CTAs.
Key Light OrbLicensedA near-black sphere lit by one dominant cyan key light from the lower right, drawn with SVG inset filters and a cast glow. A key, fill and rim palette reskins it, and fog mode softens the edge into a halo.
Limned OrbLicensedA flat eclipse silhouette: a dark disc edged by a razor rim light and a soft corona, with grain dithering the falloff. The light angle can turn at the large breakpoint so one orb serves a transposed layout.
Living OrbLicensedAn Orbital V4 orb with optional motion: a breathing scale and opacity pulse, animated film grain, or both. Grain runs only at 120px and up, and all motion stops under reduced motion. Uses Grain.
Moon SphereFreeA single-element sphere lit on one limb: a radial gradient from the lower-left corner runs transparent out to a warm rim color on the far edge. Used for moonrise effects over dark grounds.
Multicolor OrbLicensedA 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 DiscLicensedA 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.
Neon OrbLicensedAn 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.
Orb CrescentLicensedA dark sphere with two colored crescent lights in three set-ups: cyan and coral opposing, violet and rose adjacent, or a sharp cyan rim with a soft fill. Size takes pixels or any CSS length.
Orb PalettesLicensedNine named colorways for the orbs: scarlet over cobalt, ember, umber, tide, dusk, viridian with a gold seam, rose, gold and ash. Plain data; pass a name as palette to the Voice Orb, the Planet or the docked chat.
Orb PickerLicensedA chooser for an orb's colors: every row shows its colorway as a planet, with a name and note, on a Base UI radio group so arrow keys move the choice. Lists the nine Orb Palettes by default; pair it with the Voice Orb to let people pick their assistant's color.
Orbital Orb SceneLicensedA full-bleed backlit scene: a coral orb with a shadow-side crescent over a cream gradient, breathing blobs and grain. The orb follows the cursor with spring parallax via motion, stilled under reduced motion.
Orbital V4LicensedThe Orbital painted ball: ground, upper and lower color fields with glow, halo, sphere shading and grain, holding its form from 24px to 512px. Optional breathing animation; exports six study palettes.
Orbital V6LicensedOrbital with extended lighting: adds three-point and eclipse form tiers to the classic shading, with quiet, cinematic and theatrical presets and eleven knobs. Derived lights need OKLCH palette colors.
Painted OrbLicensedA large painted sphere filled with any CSS gradient, warm amber by default, under two noise grain layers with a lit lower limb and outer glow. Glow intensity scales down to a bare limb line.
Painted Orb RimLicensedA near-black sphere with a cyan key rim and a warm coral fill on opposite edges, built from layered box shadows. A palette or OKLCH color overrides reskin both lights without moving the geometry.
Painted Orb Rim SceneLicensedA full-bleed art layer that centres a Painted Orb Rim sphere on a near-black ground, to sit behind content inside a relative parent. The ground can be turned off to layer it over another scene.
PlanetLicensedA colored sphere: two stacked color fields, blurred and wrapped into a ball by a vignette, lit from the top. Takes any of the nine Orb Palettes by name, or your own. Holds its form from 16px to 400px; circle or squircle, for marks, app icons and favicons.
Rising OrbLicensedA half-dome orb: the top half of a disc in a warm gradient with a glowing limb border, on a transparent ground. Children render between the paint and the limb, and the composition crops it at a horizon.
Rising Orb SceneLicensedA full-bleed sunrise layer: a warm Rising Orb cut by the bottom edge, a hairline horizon, grain on the disc and a limb glow over a dark sky. Gradient, limb color and size are adjustable.
Shadow OrbLicensedA pale ceramic sphere for light surfaces with a soft highlight, inner shading and a blurred contact shadow beneath it. A three-color palette sets the base, highlight and shadow tones.
Terminator OrbLicensedA sphere's day and night line drawn with masked ellipses: phase sets the lit fraction over regolith, ocean or cloud surfaces. Optional twilight spread, atmospheric rim, city lights, airglow and earthshine.
Components
Reusable pieces: orbs, cards, buttons, chat parts, art and more. Each page has the install command, a verified usage example, the props and the dependencies.
Black Hole Orb
A black hole painted in CSS gradients: a tilted accretion disk, lensed photon rings and a black shadow, with Doppler beaming dimming the receding side. Tilt, thickness, reach and palette adjust.