W02 Studio · Motion and 3D component library
VibeBox Motion
113 components and 78 page blocks for motion, 3D and chat interfaces, with a showcase site.
C01 What it is
The build, in passes.
The studio's motion library lives in the VibeBox monorepo as its own package, with a Next.js showcase app. It holds the pieces client sites are built from: kinetic headlines, scroll rails, wordmark footers, chat launchers, browser and phone frames, procedural 3D (including a long-running procedural dragon study) and whole page blocks.
- 113 component folders and 78 block folders in packages/motion (counted 2026-10-16)
- Blocks such as hero-kinetic-type, hero-sculpture, footer-giant-wordmark and gallery-coverflow
- Components such as browser-frame, scroll-rail, thinking-indicator, wire-globe and dragon
- A separate Next.js showcase app at motion.vibeboxph.com
C02 How it is built
Wired from the real dependencies.
Every node is a package the repository actually depends on. Hover one to light its neighbours.
- React
- TypeScript
- Three.js
- Framer Motion
- Next.js
- Tailwind CSS
- Supabase
C03 Evidence
What the repository says.
Committed under my name and my VibeBox studio accounts. The frame above is drawn in code from this page’s own data; it is an illustration, not a screenshot.