Layout

Spotlight profile grid

A grid of profile cards that stays desaturated and dim except for a soft spotlight that follows the pointer and reveals full color underneath.

Design guild roster

Sweep the pointer across the wall of contributors to lift their portrait out of the dimmed film; step away and the roster settles back into monochrome.

Roster: 8
Hiring: 3 roles

Using Spotlight profile grid

A grid of profile cards that stays desaturated and dim except for a soft spotlight that follows the pointer and reveals full color underneath.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: spotlightRadius, columns, damping, accentColor

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2409Reactive bento panelsLayoutA bento grid of panels that glow at the pointer, tilt in 3D, drift toward the cursor, and burst with particles and a ripple on click.

2330Curved Scroll WallLayoutA horizontally scrolling wall of photos rendered on a gently curved, bowed plane that keeps scrolling infinitely in either direction.

2342Drag split panelsLayoutPanels divided by thin draggable handles that resize the adjacent panes in real time, arranged in a row or stacked.

2351Expanding panel galleryLayoutA row of cover panels where hovering, clicking, or arrow-keying to one expands it to full width while the rest compress into slivers.

2353Fading edge scroll panelLayoutA scroll panel that hides the native bar, floats a slim thumb only while you are using it, and fades content out on whichever edge still has more to reach.

2357Focus scroll listLayoutA scrollable queue whose rows pop into full size and opacity as they reach the center of view, with hover and keyboard selection.