You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17 lines
788 B
17 lines
788 B
--- |
|
description: Do not use Framer Motion or Motion for React animations |
|
alwaysApply: true |
|
--- |
|
|
|
# No Framer Motion |
|
|
|
This project does **not** use Framer Motion or the `motion` package. |
|
|
|
- Never add `framer-motion`, `motion`, or `motion/react` to `package.json`. |
|
- Never import from `framer-motion`, `motion`, or `motion/react`. |
|
- Never use `motion.div`, `motion.span`, `motion.button`, or other `motion.*` components. |
|
- Never use `AnimatePresence`, `useAnimation`, `useMotionValue`, or related APIs. |
|
|
|
Use plain HTML elements (`motion`-free elements) with **Tailwind** and **CSS** instead: `transition-*`, `animate-*`, `motion-reduce:*`, etc. |
|
|
|
If you need enter/exit effects, prefer CSS transitions, conditional render, or existing UI patterns in the codebase — not animation libraries.
|
|
|