Skip to content
/ ryankwan.dev
Showcase

Spotlight Card

A card that follows its own pointer, with a soft inner glow and a border that lights up nearest the cursor.

  • react

Edge rendering

Pages render close to the visitor, so the first paint arrives fast.

Typed end to end

One schema describes the data from the database to the button.

Accessible by default

Keyboard paths, focus rings and reduced motion are built in.

Observable

Every request carries a trace, so slow paths are easy to find.

Props

0.14
220
Usage
<SpotlightCard
  color="#a78bfa"
  glowOpacity={0.14}
  size={220}>{children}</SpotlightCard>