design system for ai coding agents

Heavy sites.Zero jank.

Shaders, 3D, every component library you love — your agent ships it at 60 fps, proven by 278 checks.

Install void See the lab
Cursor, Codex, the CLI, tokens

Past the horizon, everything runs smooth.

bring the library you already love

React BitsAceternity UIMagic UIshadcn/uiThree.jsReact Three Fiber
GSAPMotionLenisOGLSplineRiveLottie
01 — the lab

Heavy is fine.
Jank isn't.

Four hundred particles, live. Flip the switch and watch the frame graph.
on budget
fps
0
worst ms
0
long
0

1 <canvas>1 rAF, paused offscreenpre-baked glow sprites0 re-renders

frame time · live16.7 ms
02 — backgrounds

Six live backgrounds.
One WebGL context.

React Bits, Aceternity, Three.js — all running at once, on one shared canvas. Tap a tile to open it.

Liquid Ether

shader · domain-warped fbm

  • one context
  • DPR ≤ 1.5
01

Ballpit

three · instanced physics

  • 1 draw call
  • env baked in-scene
02

Grid Distortion

shader · cursor lens

  • fwidth AA
  • no textures
03

Pixel Snow

shader · bayer dither

  • 3 parallax layers
  • 0 draw extra
04

Galaxy

three · 26k points

  • additive
  • static buffer
05

Aurora

shader · noise curtains

  • 4 octaves
  • paused offscreen
06
03 — the loop

Your agent writes.
void checks.

Your agent builds. void drives real Chromium. Every finding comes back as a rule it already knows.
  • Claude Code
  • Cursor
  • Codex
  • Gemini CLI
skills + cli
  • void perf
  • void smooth
  • void a11y
  • void seo
  • void design

findings return as rule ids → the agent fixes → run again

run it yourself

Five layers. No guessing.

perf/lcp-slowLargest Contentful Paint is slow

05 — the registry

278

checks a page can fail.

One rule id each, from advice to check to fix. Tap a category.
06 — directions

Six tastes.
Try one on.

One CSS file each. Pick one — this whole page, shaders too, changes.
07 — measured, not claimed

Same model. Same brief. One with void.

SaaS landing page

+24.3

composite points

baseline67.5
void91.8

Designer-engineer portfolio

+26.5

composite points

baseline53.8
void80.3

Conference site

+9.9

composite points

baseline69.6
void79.5
CLI score plus a blind judge, two runs per cell. Method and screenshots in evals/.

08 — install

Make it heavy.
Keep it fast.

The plugin. Skills load on their own when a task needs them.

~/my-heavy-site

$claude plugin marketplace add ParthKapoor-dev/void.design

$claude plugin install void@void

✓ installed void · 9 skills · 6 directions

→ “build me a landing page” now runs the void workflow

Get started GitHub ↗
Designed & built byParth Kapoor.parthkapoor.me

Checked by void itself: 99 overall.