Supercharge your animation development process with Motion for VS Code.

• Copilot docs: Turn Copilot into a Motion expert with the latest docs.
• CSS generation: Enhance Copilot's CSS generation with real Motion springs.
• More features coming soon

Install

Install via the VS Code Marketplace

Features

Copilot docs

Load the latest Motion documentation directly into Copilot. Add docs to a chat by clicking on "Add Context":

Navigating to "MCP Resources..."

Search for the docs you're looking for:

Learn more about Copilot docs

CSS generation

With Motion for Visual Code Studio, Copilot gains the ability to generate CSS linear() easing curves to create springs or other custom easing curves.

Generate a CSS spring that's quite bouncy

600ms linear(0, 0.0121 /* ... */)

Learn more about CSS generation

Issues & feature requests

Found a bug or have a feature request? Open an issue on the Motion repo.