Components•Glow rules
Components•Glow rules
Glow rules
Hairline rules that catch a soft light under the pointer. One overlay draws every rule from the items' edges, so it drops onto any list, table or grid. Keyboard focus moves the light too.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/glow-rulesHow to use
import { GlowRules } from "@/components/bjork-ui/misc/glow-rules";export function Writing({ posts }) { return ( <GlowRules selector="li"> <ul> {posts.map((p) => ( <li key={p.slug}><a href={p.href}>{p.title}</a></li> ))} </ul> </GlowRules> );}// Grids light both axes.<GlowRules axis="grid" selector="[data-cell]">…</GlowRules>
- Trading a soft line off a sharp book2026-09-28
- Sizing risk on event contracts2026-07-22
- Building a high-confidence OCR + vision verification pipeline2026-06-08
- Self-hosting Expo updates on Cloudflare2026-05-31
- The physical layer of mobile automation2026-05-31
- Building a machine-native arena2026-05-30
01Silt
02Intaglio
03Phosphor
04Sumi
05Emulsion
06Timer
07Periodic table
08Message dock