# Componenti Framer Motion per React, anteprima live e codice, EneUI

Sfoglia 191 componenti Framer Motion per React e shadcn: anteprima live, sorgente completo e comando di installazione in riga per ognuno. Copia nel progetto o passalo al tuo agente AI.

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

**Componenti:** 191


## In evidenza

- [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

### Quanti componenti React Framer Motion ci sono?

191 componenti Framer Motion nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

### Come aggiungo un componente Framer Motion al mio progetto?

Apri il componente, usa Copy code o Install e il sorgente finisce nella tua cartella componenti; oppure esegui npx shadcn add "<url>" con il comando mostrato nella pagina.

### Sono gratuiti?

Sì: la navigazione è sempre gratuita e le copie hanno una quota giornaliera free; Premium la rimuove.

### Funzionano con Next.js e Tailwind?

Sì: sono componenti React stilizzati con Tailwind e shadcn/ui, compatibili con Next.js, Vite e CRA.

## Related

- [Tutte le categorie](/components)
- [Librerie](/libraries)