Layout

Reactive bento panels

A 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.

Fleet status

Move the pointer, click a tile

Live

Render throughput

214 frames composited per second across every open canvas.

Edge

Median latency

38ms from pointer event to painted frame, p95 under 90ms.

Now

Active sessions

1,204 visitors exploring a live demo this minute.

Cache

Hit rate

96.4% of requests served from the edge without an origin trip.

Global

Regions online

18 data centers currently accepting traffic tonight.

Health

Uptime

99.98% rolling 30 day availability across the fleet.

Using Reactive bento panels

A 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.

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: glowColor, spotlightRadius, particleCount, enableTilt

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

1532Masonry flowLayoutA masonry wall that packs tiles of varying height into columns, lifts each one in as it scrolls into view, and re-seats the whole grid when the column count changes.

2415Ripple Origin GridLayoutA grid of colored tiles that light up in a ripple radiating outward from one chosen tile, timed by distance from that tile.

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

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.