Wind a GitHub handle into a 3D mechanical watch — commits, languages, and stars as living complications.
Built by Abdul Wasay (@wasaybuilds).
- Next.js (App Router) · TypeScript · React Three Fiber / Drei
- Zustand · Tailwind CSS · Framer Motion
- GitHub REST API (
GET /api/github?username=…)
pnpm install
pnpm devOpen http://localhost:3000. Enter a handle in the command bar and press Wind.
Optional (higher GitHub rate limits):
# .env.local
GITHUB_TOKEN=ghp_…In-app manual: /docs — pipeline, GitHub → watch mapping, ranks, API notes.
| Signal | Complication |
|---|---|
| Commits / day | Balance beat + seconds sweep |
| Top languages | Caliber code + hand / escape angles |
| Age + stars | Power reserve |
| Activity blend | Horologist rank |
3D movement based on mechanical watch mechanism by abdelghani.0 (CC-BY-4.0). See public/scene-license.txt.
Provisional fallback GLB: pnpm exec node scripts/generate-luxury-watch-glb.mjs
App code: see repository. Sketchfab model: CC-BY-4.0 (credit required).