frontend-magic-ui
✓Composants de page de destination SaaS perfectionnés. À utiliser pour les animations de tickers/statistiques numériques, les chapiteaux de logo, les grilles de bento, les maquettes d'appareils (iPhone, Safari), les boutons chatoyants/arc-en-ciel, les effets de frappe. Finition marketing professionnelle basée sur Framer Motion + Tailwind. Pour des effets de héros dramatiques, utilisez Aceternity, pour une interface utilisateur de base, utilisez shadcn.
Installation
SKILL.md
150+ animated components for SaaS landing pages. Professional polish, production-ready.
| Number animation | ✓ NumberTicker | ✗ | | Logo carousel | ✓ Marquee | ✓ InfiniteMovingCards | | Hero spotlight | ✗ | ✓ Spotlight | | Device mockup | ✓ Safari/iPhone | ✗ | | 3D card tilt | ✗ | ✓ 3D Card |
Rule: Magic UI = polished SaaS, Aceternity = dramatic effects
Composants de page de destination SaaS perfectionnés. À utiliser pour les animations de tickers/statistiques numériques, les chapiteaux de logo, les grilles de bento, les maquettes d'appareils (iPhone, Safari), les boutons chatoyants/arc-en-ciel, les effets de frappe. Finition marketing professionnelle basée sur Framer Motion + Tailwind. Pour des effets de héros dramatiques, utilisez Aceternity, pour une interface utilisateur de base, utilisez shadcn. Source : petbrains/mvp-builder.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui- Source
- petbrains/mvp-builder
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-09
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que frontend-magic-ui ?
Composants de page de destination SaaS perfectionnés. À utiliser pour les animations de tickers/statistiques numériques, les chapiteaux de logo, les grilles de bento, les maquettes d'appareils (iPhone, Safari), les boutons chatoyants/arc-en-ciel, les effets de frappe. Finition marketing professionnelle basée sur Framer Motion + Tailwind. Pour des effets de héros dramatiques, utilisez Aceternity, pour une interface utilisateur de base, utilisez shadcn. Source : petbrains/mvp-builder.
Comment installer frontend-magic-ui ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/petbrains/mvp-builder
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-09