Stop recreating complex animation physics from scratch. Dot is a curated marketplace of production-ready React components — delivered with full source code, copy-paste AI prompts, and native Cursor MCP integration.
Every component ships with more than code
The exact prompt used to build each component, free with sign-in. Works in Claude, Cursor, v0.
Open any component in Dot Canvas. Tweak colors, animations, and layout visually then export.
Connect Dot to Cursor or Windsurf. Ask your AI assistant to find, preview, and insert a component without leaving your editor.
Every free component comes with its code, CLI install, AI prompt, Canvas editing and MCP support.
A playful odometer preloader: oversized digits roll from 0 to 100 while visitors stamp a trail of die-cut stickers with their cursor, then the screen opens with a staggered curtain reveal.
A heading that comes into focus word by word, or letter by letter, as it scrolls into view: each piece fades in from a soft blur and settles into place.
Engineers, designers, and creators who want motion that feels finished.
“Our designers ask for polish. Our engineers ask for control. Dot is the first motion kit that didn’t make one side compromise.”
“Most component libraries look great in screenshots but collapse when you actually inspect the code. Dot's components are cleanly structured, completely typed, and drop into Next.js App Router without friction.”
“The CLI install is the part I didn’t expect to love. One command, dependencies resolved, files in the right folder. That’s how libraries should ship.”
“I dropped the text reveal into a client site in under ten minutes. Typed props, no layout shift, and it still looked custom.”
“The fact that each component comes with its original AI generation prompt is brilliant. It turned Dot from just a UI store into our team’s design-system generation playbook.”
“We care about bundle size. These components don’t drag in a framework just to animate a heading. That’s rare.”
“The MCP integration changed how I prototype. I describe the motion, Cursor pulls the component, and I tweak the timeline instead of rebuilding it.”
“I bought Pro Yearly on launch day. The Pro components alone are worth three times the price — my AI assistant pulls Dot animations straight into my files while I code.”
“The prompts are as useful as the components. We reuse them to generate matching sections instead of starting from a blank file.”
“We stopped rewriting motion from scratch. The GSAP timelines are readable, the Tailwind tokens are clean, and the components actually survive a code review.”
“I was skeptical of another component pack. Then I opened the source. No mystery wrappers, no hidden CSS. Just typed React I can trust.”
“I reviewed three animation libraries last quarter. Dot was the only one I’d merge without rewriting half of it.”
Everything you need to know before you start building
Join hundreds of developers shipping high-performance React and Motion interfaces with Dot.
