Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>Framer MotionNew to Visual Studio Code? Get it now.
Framer Motion

Framer Motion

Symartec LTD.

|
2 installs
| (0) | Free
See motion components and catch a variant name that is not on its variants object.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Framer Motion

Framer Motion and Motion components in the sidebar. A variant name on initial, animate, exit, or a while* prop is checked against the variants object on that same component.

An object passed to animate is a style, so it is left alone. A component with no variants prop is left alone too, because the names can come from a parent.

What you get

  • Sidebar of motion and m components
  • Jump from a variant name to its key
  • Warning when that name is missing from the variants object

The sidebar stays empty until the workspace depends on framer-motion or motion.

Settings

Setting Default What it does
framerMotion.codeLens on Link above a variant name
framerMotion.diagnostics on Warn when the name is not a key of the variants object

Commands

  • Framer Motion: Refresh reads the workspace again
  • Framer Motion: Focus Components opens the sidebar
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft