Set Lab

Set Lab is an interactive 3D volleyball set visualizer. It provides a rotatable court, setter, net, trajectory grid, and animated ball paths for studying common front-row and back-row sets.

Live website

Open Set Lab on Vercel

Included sets

• 4 — outside
• 32 — curved middle
• 31 — straight middle
• 3 — high middle
• 5 — high outside
• 2 — middle two
• 9 — opposite
• Slide — fast backset
• Bic — fast back middle
• Pipe — high back middle
• D — right back

Run locally

You need Node.js 22.13 or newer and pnpm.

pnpm install
pnpm dev

Then open http://localhost:3000.

Validate a change

pnpm lint
pnpm test
pnpm build:vercel

Project structure

• app/ — the Next.js interface and Three.js court scene
• public/ — icons and other static website assets
• tests/ — automated rendering checks
• database/ — optional Cloudflare D1 connection and schema
• cloudflare-worker/ — Cloudflare/vinext runtime entry point
• deployment-tools/ — build helpers for optional Cloudflare packaging
• examples/cloudflare-d1/ — optional notes API example using D1
• drizzle/ — generated Drizzle migration metadata

Deployment

The production site is configured for Vercel through vercel.json. Run pnpm build:vercel to reproduce the Vercel build locally.

The repository also retains its original Cloudflare/vinext configuration for local development and optional future Cloudflare deployment.

Contributing

Contributions are welcome. Read CONTRIBUTING.md for local setup, validation, and pull-request guidance.

License

Set Lab is available under the MIT License.