Motion Primitives

por ibelick

Componentes animados listos para copiar que dan vida a una web.

6 531 estrellas GitHub MIT GratisOpen source

Ver en GitHub →

Qué hace

Botones, tarjetas, efectos de texto, carruseles, transiciones
Basado en Motion y Tailwind CSS, personalizable
Se añade componente a componente, sin biblioteca pesada

Instalarlo

Requisitos: Un proyecto React o Next.js con Tailwind CSS.

Instalar dependencias

npm install motion clsx tailwind-merge lucide-react

Añadir un componente (p. ej. efecto de texto)

npx motion-primitives@latest add text-effect

El prompt para tu agente

Pégalo en tu agente de código: comprueba los requisitos y lo instala por ti.

Claude CodeCodexCursorGemini CLIopencode

Prompt

Instala Motion Primitives (https://motion-primitives.com/) en mi equipo.
1. Comprueba los requisitos: Un proyecto React o Next.js con Tailwind CSS. Si falta algo, avísame antes de instalar nada.
2. Sigue el método oficial:
- Instalar dependencias: npm install motion clsx tailwind-merge lucide-react
- Añadir un componente (p. ej. efecto de texto): npx motion-primitives@latest add text-effect
3. Comprueba que funciona y explícame cómo iniciarlo y por dónde empezar.

Revisa siempre lo que tu agente va a ejecutar, sobre todo los comandos de instalación.