Motion Primitives

par ibelick

Des composants animés prêts à copier pour rendre un site vivant.

6 531 étoiles GitHub MIT GratuitOpen source

Voir sur GitHub →

Ce que ça fait

Boutons, cartes, textes qui apparaissent, carrousels, transitions
Basé sur Motion et Tailwind CSS, personnalisable
S'ajoute composant par composant, sans bibliothèque lourde

L'installer

Prérequis : Un projet React ou Next.js avec Tailwind CSS.

Installer les dépendances

npm install motion clsx tailwind-merge lucide-react

Ajouter un composant (ex. effet de texte)

npx motion-primitives@latest add text-effect

Le prompt pour ton agent

Colle-le dans ton agent de code : il vérifie les prérequis et installe pour toi.

Claude CodeCodexCursorGemini CLIopencode

Prompt

Installe Motion Primitives (https://motion-primitives.com/) sur ma machine.
1. Vérifie les prérequis : Un projet React ou Next.js avec Tailwind CSS. S'il manque quelque chose, dis-le-moi avant d'installer quoi que ce soit.
2. Suis la méthode officielle :
- Installer les dépendances : npm install motion clsx tailwind-merge lucide-react
- Ajouter un composant (ex. effet de texte) : npx motion-primitives@latest add text-effect
3. Vérifie que ça fonctionne, puis explique-moi comment le lancer et par quoi commencer.

Relis toujours ce que ton agent s'apprête à exécuter, surtout les commandes d'installation.