Button
Chaque variante, ton et animation
Composants animés
132 composants gratuits qui donnent vie aux écrans d’app : nombres qui défilent, toasts empilés, onglets glissants, inputs qui tremblent. CSS d’abord, mouvement réduit respecté, clair et sombre. Filtrez par ce qui les anime.
Ctrl K
132 composants
Core UI 30
ParcourirPlaygroundGratuit
Badge
Le statut dans tous les styles
Card
Cartes en couches avec accents
Input
Libellés, icônes et états
Avatar
Statut, anneaux et groupes
Alert
Messages en ligne avec actions
Tabs
Six styles d'onglets, une API
Switch
Interrupteur en cinq looks
Checkbox & Radio
Cases, radios et cartes
Separator
Séparateurs avec libellé
Breadcrumb
Des chemins qui se replient proprement
Pagination
Pages, tailles et sauts
Heading
Titres animés
Text
Texte courant avec préréglages
Link
Sept styles de soulignement
Kbd
Des touches qui réagissent
Stat Card
Un indicateur avec sa tendance
Select
Recherche, groupes, multiple
Dialog & Sheet
Dialogues et feuilles
Tooltip
Infobulles riches avec raccourcis
Popover
Panneaux flottants
Dropdown Menu
Menus avec sous-menus
Combobox
Recherche à résultats asynchrones
Date Picker
Dates, plages et heure
Multi-step Form
Assistants avec validation
Number Input
Compteurs avec format
Rating
Étoiles à demi-valeurs
Toggle Group
Un choix ou plusieurs
Table
Trier, empiler, colorer les lignes
Data Grid
Éditer, épingler, exporter
Nombres & Données 8
ParcourirNumber flow
Les chiffres défilent vers la nouvelle valeur
Counter up
Compte quand il entre à l'écran
Usage meter
Usage qui alerte en se remplissant
Progress
Des barres dans tous les styles
Circular progress
Anneaux et jauges
Sparkline draw
Un mini graphique qui se dessine
Delta badge
Hausse ou baisse en un coup d'œil
Cell flash
Cellules qui clignotent au changement
Feedback 7
ParcourirToast stack
Notifs qui s'empilent et se déploient
Notification badge
Compteurs qui pop et pulsent
Skeleton auto
Squelettes tirés de votre vraie mise en page
Spinners
Six loaders, une prop
Multi-step loader
Tâches longues, étape par étape
Confetti
Une explosion de fête
Success check
Une coche qui se dessine en éclat
Navigation 6
ParcourirTabs indicator
Un indicateur glisse entre les onglets
Segmented control
Curseur coulissant façon iOS
Stepper
Des étapes qui se remplissent et se cochent
Dock
Dock macOS qui s'agrandit
Bottom navigation
Barre mobile avec pastille glissante
Command palette morph
Un champ de recherche devient palette
Overlays 5
ParcourirMorphing dialog
Une carte s'ouvre en dialogue
Spring drawer
Panneau à ressort, glisser pour fermer
Popover morph
Un bouton devient panneau
Animated tooltip
Infobulles qui rebondissent
Stagger dropdown
Éléments de menu en cascade
Listes & Tableaux 6
ParcourirAccordion height
Hauteur fluide, sans saut
List reorder
Glisser pour réordonner, effet ressort
Table row presence
Des lignes qui entrent et sortent
Animated list
Les nouveaux éléments arrivent par le haut
Tree expand
Des dossiers qui se déplient
Expandable row list
Des lignes qui s'ouvrent sur place
Inputs 10
ParcourirTag input
Puces avec suggestions
OTP input
Code à usage unique, saut automatique
Floating label input
Le libellé flotte au focus
Vanish input
Placeholders qui défilent et s'effacent
Input shake
Tremble si erreur, coche si succès
Spring switch
Interrupteur à pouce élastique
Drawn checkbox
La coche se dessine toute seule
Slider with tooltip
Curseur de plage, valeurs en direct
Expanding search
Une recherche qui s'ouvre au besoin
File drop zone
Zone de dépôt avec progression
Boutons 10
ParcourirShimmer button
Un reflet balaie le bouton
Ripple button
L'encre se propage depuis le clic
Rainbow button
Une bordure arc-en-ciel fluide
Border beam button
Un faisceau orbite autour du bord
Magnetic button
Attiré vers le curseur
Stateful button
Chargement, succès et erreur inclus
Copy button
Copie avec coche animée
Hold to confirm
Maintenir pour confirmer les actions risquées
Liquid glass button
Verre dépoli avec lentille coulissante
Theme toggle
Du clair au sombre en balayage circulaire
Texte 9
ParcourirText reveal
Les mots se précisent
Typewriter
Écrit et efface des phrases
Word rotate
Un mot qui change sans cesse
Shiny text
Un reflet qui traverse le texte
Gradient text
Titres à dégradé animé
Scramble text
Les lettres se décodent
Highlighter
Un trait de surligneur à la main
Text morph
Les lettres deviennent un autre mot
Scroll velocity
Texte qui accélère au défilement
Cartes & Effets 6
ParcourirSpotlight card
Une lumière suit le pointeur
Tilt card
Inclinaison 3D avec profondeur
Border beam
La lumière fait le tour de la carte
Glow border
Une douce lueur animée
Progressive blur
Le contenu se fond dans le flou
Expandable card
Une carte qui s'ouvre sur place
Arrière-plans 5
ParcourirDot grid
Des points s'allument près du pointeur
Flickering grid
Une grille au scintillement discret
Aurora
Aurore boréale lente
Particles
Particules flottantes reliées
Marquee
Un bandeau défilant sans fin
IA & agents 16
ParcourirChat message
Messages avec markdown et actions
Streaming text
Texte qui s'écrit en direct
Tool call
Appels d'outils avec statut
Reasoning block
Réflexion à déplier
Model picker
Choisir un modèle selon vitesse et prix
Chat composer
Zone de prompt avec fichiers et commandes
Citations
Sources en ligne
Agent plan
Une checklist d'agent en direct
Token meter
Voir le contexte se remplir
Voice orb
Une sphère qui réagit à la voix
Diff view
Relire les changements bloc par bloc
Code block
Code coloré avec copie
Suggestion chips
Idées de prompts
Thread list
Historique de chats avec recherche
Eval score
Scores face à un seuil
Typing indicator
Quelqu'un écrit
Graphiques 14
ParcourirArea chart
Tendances remplies à survoler
Line chart
Des lignes qui se tracent
Bar chart
Barres groupées ou empilées
Donut chart
Part d'un tout
Radial progress
Anneaux d'objectifs concentriques
Heatmap
L'activité en un coup d'œil
Funnel chart
Où les gens décrochent
Gauge
Un chiffre sur un cadran
Bump chart
Classements dans le temps
Treemap
Des tailles en tuiles
Timeline chart
Un Gantt pour vos plans
Waterfall chart
Hausses et baisses jusqu'au total
KPI trend
Un chiffre et sa sparkline
Chart legend
Cliquer pour masquer une série