Manual Installation
Prefer direct control over your codebase without running CLI tools? Every Dot component is pure, unbundled TypeScript that can be copied directly.
1
Install Framer Motion
Dot components animate with Framer Motion, their only dependency. No Tailwind or utility packages needed: they are styled inline.
npm install framer-motion2
Copy Component Source
Open any component, click Code to copy its source (with your canvas settings applied), and save it in your project, for example as components/dot/blur-reveal-text.tsx. Any folder works; this is where the CLI and Dot MCP put them.