Glow
Glow components: compare
Every Glow 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 |
|---|---|---|---|---|
| Arc | Dark only | 2 | 15 | Free |
| Backlight Bloom | Dark only | 1 | 4 | Licensed |
| Concentric Rings | Dark only | 1 | 8 | Licensed |
| Conic Glow | Dark only | 1 | 1 | Free |
| Edge Scrim | Dark only | 1 | 5 | Licensed |
| Glow Line | Dark only | 1 | 7 | Licensed |
| Glow Rig | Dark only | 1 | 3 | Licensed |
| Glow Seam | Dark only | 2 | 0 | Free |
| Glow Section | Light and dark | 1 | 5 | Licensed |
| Rim Glow | Dark only | 1 | 4 | Free |
| Side Glow | Dark only | 2 | 1 | Free |
| Stars | Dark only | 1 | 6 | Licensed |
| Traveling Arc | Dark only | 1 | 7 | Licensed |
| Vignette | Light and dark | 1 | 1 | Licensed |
All Glow components
14 components, A to Z.
ArcFreeRing of light in three looks: a soft conic fade, an outline with a faint track and bright stroke, and a short traveling highlight. ArcLayer groups positioned arcs; spin is opt-in and stops for reduced motion.
Backlight BloomLicensedWrapper that casts a blurred halo of light behind its children, as if the panel were lit from behind. Color, blur, intensity and spread are adjustable; an overflow-hidden ancestor clips it.
Concentric RingsLicensedNested outline arcs from outer to inner, built on Arc, with optional content centred on top. Ring count, colors, stroke widths and arc sweep are props; optional spin alternates direction per ring.
Conic GlowFreeCorner glow from two blurred conic color wheels, so the hue shifts as the light wraps the edge. A full-bleed overlay for a positioned card; rotation aims which hues land on the corner.
Edge ScrimLicensedOverlay that darkens and progressively blurs one edge of the art beneath it so text can sit on images. Direction, strength, reach, blur and an optional tint color are adjustable.
Glow LineLicensedThin glowing line with layered bloom, horizontal or vertical, positioned along its parent. Amber, rose and ice presets; it glows on dark themes and turns into a shaded ink line on light ones.
Glow RigLicensedFull-bleed lighting layer that hangs one hooded picture light above the top edge, screen blended. Overhead or corner placement, intensity and bulb color; needs a dark ground and a positioned parent.
Glow SeamFreeTwo 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.
Glow SectionLicensedDark 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.
Rim GlowFreeWrapper 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.
Side GlowFreeSoft blue radial glow anchored to one edge of a positioned parent: top, right, bottom or left. Ships with SeamLine, a one-pixel overlay-blended rule for marking a panel edge.
StarsLicensedSeeded canvas starfield that fills a positioned parent with a mix of sharp and soft stars. Optional twinkle and fade-in respect reduced motion, and a circular cutout can hide stars behind an orb.
Traveling ArcLicensedCircular frame with one short highlight running around its rim, built on the Arc traveling look, with children centred inside. Size, stroke, color or hue and arc length are adjustable; motion is opt-in.
VignetteLicensedFull-bleed radial darkening layer that shades the corners of a scene, in soft, medium or strong. Focuses the centre and helps text sit on art inside a positioned parent.
Stats
Statistic list on Grid: each stat pairs a large value in the Hanken Grotesk display face with a label, shown plain, on a filled card panel, or with a rule down its left side.
Arc
Ring of light in three looks: a soft conic fade, an outline with a faint track and bright stroke, and a short traveling highlight. ArcLayer groups positioned arcs; spin is opt-in and stops for reduced motion.