Bibliothèque de composants sous licence MIT
Composants animés et interactifs.
Pour React, Vue et le JavaScript natif. Copiez-les, adaptez-les : le code est à vous.
Pensés pour la production
Multi-framework
Un cœur TypeScript commun, des adaptateurs React et Vue : même API, même comportement.
Accessible
Mouvement réduit respecté, clavier et lecteurs d'écran pris en compte.
Performant
Animations sur le GPU, rien ne tourne hors écran, tout est nettoyé au démontage.
Votre code
Installé avec le CLI shadcn ou copié à la main : il vit dans votre projet.
Derniers composants
Tous les composantsGradientShapes
ComposantBêtaNouveauUn fond en dégradé animé où des formes douces s’éclairent en contre-jour ; la lumière suit le pointeur et les formes peuvent porter du contenu.
FondsWebGLCSSProjectedText
ComposantBêtaNouveauUn mot répété et projeté dans un tunnel, un couloir ou un vortex, en boucle sans couture ou au défilement.
TexteWebGLHologram
ComposantBêtaNouveauProjette un texte, une icône ou un logo en hologramme crédible, que le pointeur perturbe.
TexteWebGLCanvas 2DPaper
ComposantBêtaNouveauUne feuille de papier qui se froisse, se plie ou s’envole en avion, et garde la mémoire de ses plis.
SurfacesWebGLCanvas 2DCSSParticleText
ComposantBêtaForme un texte avec un nuage de particules en volume qui réagit au pointeur.
TexteWebGLCanvas 2DShapeshift
ComposantBêtaNouveauUne transition entre images, textes ou thèmes par une onde de pièces qui se retournent.
Images & médiasWebGLCanvas 2D
Trois étapes
- 01
Choisissez
Explorez la galerie, testez chaque composant en direct et réglez ses paramètres.
- 02
Installez
Une commande avec le CLI shadcn ou shadcn-vue, ou un simple copier-coller.
- 03
Personnalisez
Le code est dans votre projet : adaptez-le librement, il suit vos tokens Tailwind.