Componenti della pagina di destinazione SaaS ottimizzati. Utilizzare per animazioni di ticker/statistiche di numeri, tendoni di logo, griglie di bento, modelli di dispositivi (iPhone, Safari), pulsanti luccicanti/arcobaleno, effetti di digitazione. Lucidatura di marketing professionale basata su Framer Motion + Tailwind. Per effetti drammatici sull'eroe usa Aceternity, per l'interfaccia utente di base usa shadcn.
Installa rapidamente la skill AI frontend-magic-ui nel tuo ambiente di sviluppo tramite riga di comando
Fonte: petbrains/mvp-builder.
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
Componenti della pagina di destinazione SaaS ottimizzati. Utilizzare per animazioni di ticker/statistiche di numeri, tendoni di logo, griglie di bento, modelli di dispositivi (iPhone, Safari), pulsanti luccicanti/arcobaleno, effetti di digitazione. Lucidatura di marketing professionale basata su Framer Motion + Tailwind. Per effetti drammatici sull'eroe usa Aceternity, per l'interfaccia utente di base usa shadcn. Fonte: petbrains/mvp-builder.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-uiComponenti della pagina di destinazione SaaS ottimizzati. Utilizzare per animazioni di ticker/statistiche di numeri, tendoni di logo, griglie di bento, modelli di dispositivi (iPhone, Safari), pulsanti luccicanti/arcobaleno, effetti di digitazione. Lucidatura di marketing professionale basata su Framer Motion + Tailwind. Per effetti drammatici sull'eroe usa Aceternity, per l'interfaccia utente di base usa shadcn. Fonte: petbrains/mvp-builder.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/petbrains/mvp-builder