{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "spotlight-grid", "type": "registry:block", "title": "Spotlight Grid", "description": "A feature grid lit by one shared cursor spotlight that trails the pointer on a spring, lighting the hairline border of every card it crosses and a dot lattice in the gutters. Keyboard focus pulls the light to the focused card, and touch can press and drag it.", "docs": "Spotlight Grid was added to public/vividsites/spotlight-grid.html. Paste its markup, \n\n
\n \n \n

Signed every step

\n

Each build is hashed and signed at the source, so what ships is exactly what you reviewed.

\n \n \n \n

A preview per branch

\n

Push a branch and get a live URL in under forty seconds, torn down the moment it merges.

\n \n \n \n

Traces, not guesses

\n

Follow one request through every service it touched, with the slow hop already circled.

\n \n \n \n

Pinned to a region

\n

Keep data in Frankfurt, Sydney or São Paulo with one line of config and a signed guarantee.

\n \n \n \n

Budgets that page you

\n

Set a monthly ceiling per project and hear about the spike before the invoice does.

\n \n \n \n

Instant rollback

\n

Every deploy stays warm for thirty days. Going back is one click and zero cold starts.

\n \n
\n\n\n" } ], "meta": { "category": "ui", "group": "Marketing blocks", "tags": [ "feature grid", "spotlight", "border glow", "cursor", "hover", "cards", "features", "spring" ], "tech": [ "CSS", "JS" ], "deps": [], "source": null, "free": true, "accent": "#5cf2c2", "added": "2026-10-01", "demo": "https://vividsites.app/api/component/spotlight-grid/index.html", "thumbnail": "https://vividsites.app/api/component/spotlight-grid/thumb.jpg", "video": "https://vividsites.app/api/component/spotlight-grid/thumb.mp4", "page": "https://vividsites.app/c/spotlight-grid" } }