A visual-design-first React framework for making websites, leveraging
custom transitions and animations. Built for humans and LLMs alike.
npm create modulato@latest my-site
- Transitions are the center of gravity — pages coexist during
navigation: crossfade, slide, or FLIP shared elements between real layouts.
- A persistent, URL-aware shell — menu, cursor, canvas, WebGL live
outside the page swap and react to navigation.
- Motion numbers are data —
motion.ts tokens, tweakable live in the dev
overlay (with AST-preserving save-back), responsive per breakpoint,
reduced-motion aware, editable by agents over MCP.
- SSR + hydration — view-source is always complete; deploys to Vercel
from a prebuilt Build Output.
Demo
Full reference: docs/MODULATO.md (ships inside every scaffolded project).
Packages
| Package | Version | What |
|---|
modulato | | runtime (router, hooks, tokens) + the modulato CLI |
@modulato/vite | | the build: routing manifest, SSR, prod builds, Vercel output |
@modulato/server | | React SSR + server-action runner |
@modulato/gsap | | useMotion — page-scoped GSAP with auto-revert |
@modulato/gpu | | shader passes — WGSL on WebGPU, GLSL on WebGL2, hot-swapped, token-driven |
@modulato/tweak | | dev overlay + token writeback (Tweak Mode) |
@modulato/content-local | | local JSON content adapter |
@modulato/mcp | | MCP server for agents |
create-modulato | | scaffolder |
Development
npm i
npm run dev # examples/demo with SSR + HMR
npm run check # TypeScript across demo + framework
Maintained by Glauber & Claude
