ScreenSlick
ComponentsMotion StudioMCP
Start recording
All components

Backgrounds

Spotlight Grid

A dark technical grid of lines or dots, fading toward the edges, with a colored spotlight that roams over it and lights it up.

When to use it

A developer, AI or infrastructure backdrop behind titles, code, a prompt box or a product screenshot. Calmer than a gradient; the grid suggests precision.

Use it in Motion Studio

Ask Claude in Motion Studio, or add it from Assets → Motion and edit these props in the inspector.

Open Motion Studio
{
  "id": "spotlight-grid-1",
  "from": 0,
  "duration": 300,
  "component": "spotlight-grid",
  "props": {}
}

Props

Cell sizeCell size64px
SpeedSpeed1×
ScreenSlick
Motion components for ScreenSlick Motion Studio.Back to ScreenSlick
0:03 / 0:10