# Framer Motion React components, live previews & code, EneUI

Browse 191 Framer Motion React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/framer-motion
> Markdown: https://ui.eneawork.it/components/cat/framer-motion.md

**Components:** 191


## Highlights

- [aurora-background](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/aurora-background), 21st-manuarora700--aceternity-ui
- [pricing](https://ui.eneawork.it/comp/21st-codehagen--prism-ui/pricing), 21st-codehagen--prism-ui
- [sidebar](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/sidebar), 21st-manuarora700--aceternity-ui
- [tubelight-navbar](https://ui.eneawork.it/comp/21st-ayushmxxn--serenity-ui/tubelight-navbar), 21st-ayushmxxn--serenity-ui
- [theme-toggle](https://ui.eneawork.it/comp/21st-ayushmxxn--serenity-ui/theme-toggle), 21st-ayushmxxn--serenity-ui
- [parallax-floating](https://ui.eneawork.it/comp/21st-danielpetho--fancy-components/parallax-floating), 21st-danielpetho--fancy-components
- [spatial-product-showcase](https://ui.eneawork.it/comp/21st-daiwiikharihar--actuators/spatial-product-showcase), 21st-daiwiikharihar--actuators
- [text-rotate](https://ui.eneawork.it/comp/21st-danielpetho--fancy-components/text-rotate), 21st-danielpetho--fancy-components
- [typewriter](https://ui.eneawork.it/comp/21st-danielpetho--fancy-components/typewriter), 21st-danielpetho--fancy-components
- [text-effect](https://ui.eneawork.it/comp/21st-ibelick--motion-primitives/text-effect), 21st-ibelick--motion-primitives
- [hero-dithering-card](https://ui.eneawork.it/comp/21st-moazamtrade--shadway/hero-dithering-card), 21st-moazamtrade--shadway
- [floating-action-menu](https://ui.eneawork.it/comp/21st-chetanverma16--chetanverma-ui/floating-action-menu), 21st-chetanverma16--chetanverma-ui

## FAQ

### How many React Framer Motion components are there?

191 Framer Motion components in the catalog, each with a live preview, full source and a one-line install command.

### How do I add a Framer Motion component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)