Sync UI

Sync UI est une bibliothèque de composants React animés, prête à copier-coller, basée sur MUI (Material UI) et Motion (motion/react). Elle propose plus de 125 composants animés, plus de 13 blocs pré-construits (Hero, CTA, Pricing, Stats) et plusieurs templates premium. Les composants sont destinés à être copiés dans votre base de code (et non importés comme un package npm) et suivent une architecture basée sur les variantes où une prop variant sélectionne les styles visuels.

Caractéristiques principales :

• Plus de 125 composants animés et 13+ blocs
• Composants pilotés par variantes (un seul fichier couvre plusieurs styles visuels)
• Modèles d'animation utilisant motion/react et motion.create(...) avec des composants MUI
• Recommandations de configuration pour Next.js (App/Pages), Vite et React Router
• Respect de prefers-reduced-motion et prise en compte de l'accessibilité

Guide d'utilisation :

• Importez les animations depuis motion/react et enveloppez les composants MUI avec motion.create()
• Utilisez la prop sx de MUI pour le stylage et fournissez un ThemeProvider + CssBaseline
• Posez une seule question de clarification lorsque la demande de l'utilisateur est ambiguë (composant, variante, mode, framework)

Liens : https://github.com/AbhiVarde/syncui — Docs : https://syncui.design/docs