OriginKit
Bibliothèque gratuite de composants animés pour les sites modernes
Aperçu du Produit
OriginKit est une bibliothèque gratuite de composants web magnifiquement animés, prêts à copier-coller dans des projets React ou Framer. Elle propose des animations soigneusement choisies et des interactions fluides qui donnent aux sites modernes un rendu soigné sans que vous ayez à coder chaque effet à la main. OriginKit est compatible IA. Il inclut un serveur MCP pour que les agents de codage IA puissent intégrer des composants directement dans votre projet, et chaque composant fonctionne comme un code propre à copier-coller. Vous pouvez parcourir le catalogue complet en ligne et prendre ce qui correspond à votre design. Il propose aussi des kits de démarrage pour React et Framer, ainsi que des versions premium de composants individuels pour les équipes qui veulent plus de profondeur.
Idéal pour
Idéal pour les développeurs web et les créateurs assistés par IA qui veulent des animations soignées sans les coder de zéro
Fonctionnalités Clés
- Composants animés sélectionnés pour React et Framer
- Code copier-coller sans étapes de build supplémentaires
- Serveur MCP pour que les agents IA ajoutent des composants
- Micro-interactions fluides de qualité production
- Catalogue en ligne pour parcourir et prévisualiser
- Kits de démarrage pour React et Framer
- Variantes premium disponibles
Avantages
- +Gratuit avec une licence permissive
- +Les agents IA installent les composants via MCP
- +Animations soignées prêtes à l'emploi
- +Fonctionne avec React et Framer
Inconvénients
- -Catalogue plus petit que les grandes bibliothèques
- -Nécessite React ou Framer
- -Certains composants sont premium
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Web
- Free animated component library with MCP support
Lander Studio Blocks
Bibliothèque gratuite de blocs UI pour Figma — copiez-collez des composants directement dans vos designs
SpaceTypeGenerator
Générateur de typographie cinétique et d'animation de texte
Readymag
Outil de conception web sans code
AnimXYZ
Des animations CSS pré-construites simplifiées
Blazy Studio
Transformez vos prototypes Figma en animations vidéo
Aimu
Éditeur de sous-titres en ligne avec génération automatique
TikTokVoice
Synthèse vocale IA avec voix TikTok
21st.dev
Composants et templates React faits main — pas de la camelote générée par IA
Apple Design Resources
Modèles de design officiels Apple, kits d'UI, polices et outils
Dither Kit
Graphiques et composants UI rétro pixel-perfect pour votre site
AnimateIcons
Icônes SVG animées open source pour micro-interactions
Arlan's Vault
Une bibliothèque de prompts d'interaction web et de styles de design
Flowbite Design System
Bibliothèque composants Tailwind CSS open-source kit Figma