Une bibliothèque pour chaque petite pièce

Boutons, interrupteurs, panneaux latéraux, chargeurs, formulaires, cartes et micro‑animations : choisissez, appuyez sur « Insérer », la pièce se pose sur votre page. Zéro crédit, un clic pour la retirer.

1 350 cartes maison prêtes · 5 239 éléments ouverts venus de quinze bibliothèques

Chercher dans la bibliothèqueStyle

Chaque carte est vivante : l’aperçu exécute le même code que celui inséré par le constructeur, dans un bac à sable.

Barre d’onglets liquideL’onglet actif ne glisse pas le long de la barre, il la fait fondre : la goutte se détache de la barre puis s’y fond à nouveaupleincontourdouxverrenéon

Impression du ticketLe paiement ne se termine pas par une coche : le bouton devient une ligne d’état et un ticket papier sort de la fente en dessouspleincontourdouxverrenéon

Bouton de partage qui se transformeLe bouton lui-même s’étire en une rangée de logos de réseaux, une bulle sous le curseur nomme le choix, et un appui la replie en confirmationpleincontourdouxverrenéon

Grille cinétiqueLes points s’écartent devant le curseur : au centre ils s’enfoncent, un anneau s’allume sur le bord, les points éloignés restent en placepleincontourdouxverrenéon

Orbite d’écransLes écrans parcourent un anneau en 3D et font toujours face au spectateur ; l’anneau tourne et s’incline vers le curseurpleincontourdouxverrenéon

Métamorphose de motL’ancien mot fond et se reforme en un nouveau, et en dessous les mêmes blocs se réorganisent en maquette de ce qu’il désignepleincontourdouxverrenéon

Interrupteur façon mobileUn rail doux, un curseur avec ombre qui s’étire tant qu’on appuie et revient par ressortpleincontourdouxverrenéon

Interrupteur soleil et luneDans le curseur, le soleil se change en lune pendant que le rail s’allumepleincontourdouxverrenéon

Interrupteur à légende d’étatLe mot à côté change avec l’état et monte en glissant au lieu de clignoterpleincontourdouxverrenéon

Interrupteur à trois positionsUn seul rail à trois positions et un curseur qui rejoint celle qu’on choisitpleincontourdouxverrenéon

Interrupteur avec roue d’enregistrementÀ l’activation, un anneau fait un tour autour du curseur pendant que le réglage part s’enregistrerpleincontourdouxverrenéon

Grand interrupteurUn rail à la taille du pouce et une légende bien lisible, fait pour les réglages sur téléphonepleincontourdouxverrenéon

Interrupteur à mots dans le railLes mots oui et non vivent dans le rail et changent avec le curseurpleincontourdouxverrenéon

Interrupteur carréDes angles droits et une course courte, pour les panneaux techniques bâtis sur une grillepleincontourdouxverrenéon

Liste de réglages avec interrupteursTrois lignes, chacune avec sa légende et son interrupteur, séparées par un filetpleincontourdouxverrenéon

Interrupteur de consentementUne ligne d’accord dont le lien souligné vers les conditions se clique séparément de l’interrupteurpleincontourdouxverrenéon

Bouton fantômeAu repos, juste un libellé et un chevron ; la plaque remonte au survol et au focus clavierpleincontourdouxverrenéon

Bouton à remplissage glissantAu survol le remplissage arrive par la gauche et la flèche part à sa suitepleincontourdouxverrenéon

Bouton scindéL’action principale à gauche, une flèche à droite qui ouvre les actions voisinespleincontourdouxverrenéon

Bouton copier qui change de libelléCe qui est copié se voit à côté et le libellé monte en glissant vers « copié »pleincontourdouxverrenéon

Téléchargement avec barre de progressionUne barre court le long du bord bas, l’icône tourne, puis une coche se posepleincontourdouxverrenéon

Bouton de partageTrois façons de partager attendent en sourdine à côté et s’écartent au survolpleincontourdouxverrenéon

Boutons précédent et suivantUn bouton précédent discret et un bouton suivant principal, le numéro de l’étape entre les deuxpleincontourdouxverrenéon

Retour en haut avec anneauUn bouton rond avec un anneau de lecture parcourue et une flèche qui saute au survolpleincontourdouxverrenéon

Bouton flottant avec indiceUn bouton d’action rond dont l’indice sort au survol et au focus clavierpleincontourdouxverrenéon

Bouton à anneau dégradéLa bordure est faite de nuances de la couleur de la marque et dérive le long du bordpleincontourdouxverrenéon

Bouton à reflet glissantUn reflet en biais le traverse une fois au survol et au focus clavierpleincontourdouxverrenéon

Bouton à onde d’appuiÀ l’appui, un cercle s’écarte du centre et s’efface, sans la moindre ligne de scriptpleincontourdouxverrenéon

Bouton dont l’icône devient une cocheLe plus tourne en anneau d’attente, et une fois enregistré une coche se dessinepleincontourdouxverrenéon

Maintenir pour confirmerLe remplissage grandit tant que l’appui dure et tout s’annule dès qu’on relâchepleincontourdouxverrenéon

Glisser pour confirmerLe curseur se tire vers la droite avec le remplissage derrière lui, un appui par erreur ne confirme rienpleincontourdouxverrenéon

Bouton avec compteurLe nombre se tient au coin du bouton et saute un peu au survolpleincontourdouxverrenéon

Bouton s’abonner avec état abonnéLe nom ne bouge pas, l’état bascule et le libellé monte en glissant avec une cochepleincontourdouxverrenéon

Vote pour et contreDeux flèches autour du score ; celle qu’on presse s’allume et saute une foispleincontourdouxverrenéon

Note en étoiles avec un motCinq étoiles se remplissent de couleur et le mot de la note choisie apparaît dessouspleincontourdouxverrenéon

Compteur de quantitéMoins et plus sur les bords, le nombre au milieu en chiffres tabulairespleincontourdouxverrenéon

Bascule liste ou grilleListe ou grille : le surlignage glisse sous l’icône choisiepleincontourdouxverrenéon

Burger qui devient une croixTrois barres se replient en croix : celle du milieu s’efface et les deux autres pivotent l’une vers l’autrepleincontourdouxverrenéon

AuroreTrois rubans de lumière passent en haut, en bas reste un ciel sombre étoilépleincontourdouxverrenéon

Pluie de météoresHuit étincelles à traîne tombent en biais dans le cadre, chacune à son tourpleincontourdouxverrenéon

Grille rétroUne grille file vers l’horizon et vient vers vous, avec un soleil rayé au-dessuspleincontourdouxverrenéon

Grille de pointsUne grille régulière de points et une flaque de lumière qui suit le curseurpleincontourdouxverrenéon

Rayons de lumièreCinq faisceaux étroits partent d’un point en haut et oscillent à peinepleincontourdouxverrenéon

Brume coloréeQuatre taches de couleur dérivent et changent de forme, les teintes s’écartant de celle de la marquepleincontourdouxverrenéon

Voile de grainDu vrai grain sur un lavis de couleur : de la pellicule, pas du plastiquepleincontourdouxverrenéon

Anneau lumineuxDeux anneaux fins tournent en sens inverse autour d’un halo qui respirepleincontourdouxverrenéon

Vague en mouvementTrois vagues avancent à des vitesses différentes et composent une eau vivantepleincontourdouxverrenéon

Onde à l’appuiLes cercles s’écartent d’eux-mêmes et partent trois fois plus vite à l’appuipleincontourdouxverrenéon

Bordure lumineuseUn faisceau court le long du cadre du bloc, l’intérieur reste calmepleincontourdouxverrenéon

Dégradé mailléDouze cellules de couleur se fondent en un seul fond qui coulepleincontourdouxverrenéon

Titre en dégradéUn dégradé fait des couleurs de la page traverse les lettres sans finpleincontourdouxverrenéon

Reflet sur le texteToutes les quelques secondes, une bande claire traverse les lettrespleincontourdouxverrenéon

Machine à écrireLa ligne s’écrit lettre par lettre puis s’efface, le curseur clignotepleincontourdouxverrenéon

Mot qui changeLe dernier mot du titre cède la place au suivant, le reste ne bouge paspleincontourdouxverrenéon

DistorsionLe mot se déchire en couches de couleur et se recompose aussitôtpleincontourdouxverrenéon

Texte en contourLes lettres sont tracées en contour et le remplissage avance depuis la gauchecontourdouxverrenéon

Enseigne néonLe tube brûle, cligne de temps en temps et apporte son propre fond sombrepleindouxverrenéon

Titre surlignéDerrière un mot se déroule une pastille de couleur, comme un trait de marqueurpleincontourdouxverrenéon

Soulignement au pinceauSous le mot se trace une ligne irrégulière, comme passée au pinceaupleincontourdouxverrenéon

Citation éclairéeUne grande citation, avec une flaque de lumière qui s’allume doucement derrière le guillemetcontourdouxverrenéon

Chiffres qui comptentTrois chiffres avec leurs libellés, sous chacun s’allume son propre traitpleincontourdouxverrenéon

Tableau à chiffresSix tambours tournent jusqu’à leur chiffre, chacun un temps après son voisinpleindouxverrenéon

Barre de réussiteLa barre monte jusqu’à son repère et un reflet la parcourt sans finpleincontourdouxverrenéon

Anneaux de progressionTrois anneaux se tracent jusqu’à leur part et l’inscrivent au centrepleincontourdouxverrenéon

Panneau à gaucheLa navigation sort du bord gauche par-dessus un fond assombri ; le même bouton la refermepleincontourdouxverrenéon

Panneau à droiteLes détails de la ligne s’ouvrent dans un panneau à droite pendant que la liste reste en placepleincontourdouxverrenéon

Panneau du hautUn panneau descend du bord supérieur : une annonce, une recherche ou des actions rapidespleincontourdouxverrenéon

Panneau du bas à paliersUn panneau avec poignée s’arrête à mi-hauteur, et un bouton le monte en pleine hauteurpleincontourdouxverrenéon

Panneau du panierLe panier entre par la droite avec les articles, le total et un bouton de paiementpleincontourdouxverrenéon

Panneau des filtresLes filtres passent dans un panneau : cases à cocher, fourchette de prix et nombre de résultats en baspleincontourdouxverrenéon

Panneau des réglagesLes réglages de la section dans un panneau à droite : des interrupteurs légendés et une liste déroulantepleincontourdouxverrenéon

Panneau du menu mobileUn menu pleine hauteur avec de grandes entrées et une section imbriquée qui s’ouvre sur placepleincontourdouxverrenéon

Feuille d’actionsUne liste d’actions monte depuis le bas avec une ligne dangereuse à part et un bouton annulerpleincontourdouxverrenéon

Recherche plein écranLa recherche occupe tout l’écran : un champ, les requêtes récentes et un indice clavierpleincontourdouxverrenéon

Visionneuse d’imageUne image s’ouvre par-dessus la page avec une légende, un compteur et une bande de vignettespleincontourdouxverrenéon

Voile de chargementLa section reste couverte d’un voile avec un anneau et une légende jusqu’à l’arrivée des donnéespleincontourdouxverrenéon

Fenêtre de confirmationElle demande avant l’irréversible : ce qui part exactement, ce qui s’ensuit et deux boutonspleincontourdouxverrenéon

Fenêtre à étapesUn assistant dans une fenêtre : la barre d’étapes en haut, une question par écran, précédent et suivantpleincontourdouxverrenéon

Fenêtre avec formulaireUn court formulaire dans une fenêtre : deux champs, une case d’accord et un bouton, la page restant dessouspleincontourdouxverrenéon

Fenêtre plein écranLa fenêtre prend tout l’écran : son propre en-tête, un contenu long et un bouton d’enregistrement en baspleincontourdouxverrenéon

Fenêtre avec image latéraleÀ gauche l’image et une seule idée, à droite le texte et un bouton ; sur téléphone l’image passe au-dessuspleincontourdouxverrenéon

Centre de notificationsUn panneau sous la cloche : les non-lus avec un point, l’heure et un bouton pour tout marquerpleincontourdouxverrenéon

Panneau d’aideUne aide flottante : recherche dans les articles, trois réponses et une ligne vers le support en directpleincontourdouxverrenéon

Panneau de profilUn panneau sous l’avatar : nom, e-mail, formule et un court menu avec la déconnexion en baspleincontourdouxverrenéon

Panneau d’historiqueUn fil des versions avec l’actuelle marquée : quand, qui et ce qui a changé, chacune avec un retour possiblepleincontourdouxverrenéon

Menu contextuel de ligneUn bouton à trois points ouvre le menu d’actions de la ligne par-dessus la listepleincontourdouxverrenéon

Menu à sectionsUn menu déroulant avec des groupes légendés, des raccourcis clavier et une dernière ligne à partpleincontourdouxverrenéon

Carte d’aperçu au survolSurvolez le nom : la carte de l’auteur remonte ; le bouton à côté l’épingle pour ceux qui n’ont pas de sourispleincontourdouxverrenéon

Infobulle sur quatre côtésUne même infobulle en quatre positions : en haut, à droite, en bas et à gauche, chacune avec sa pointepleincontourdouxverrenéon

Infobulle enrichieUn rond avec un point d’interrogation ouvre une bulle avec un titre, un paragraphe et un lienpleincontourdouxverrenéon

Pile de notificationsTrois notifications dans le coin : réussite, avertissement et simple ; la croix retire la siennepleincontourdouxverrenéon

Bandeau avec annulationUn bandeau en bas signale l’action, propose de l’annuler et s’efface au fil d’une barre de tempspleincontourdouxverrenéon

Fenêtre de consentementUne fenêtre cookies dans le coin : ce qui est collecté, un lien vers la politique et deux boutons de choix égauxpleincontourdouxverrenéon

Fenêtre d’abonnementUne fenêtre avec une bande illustrée, la promesse d’une lettre par mois, un champ e-mail et une croixpleincontourdouxverrenéon

Faisceau sur la bordureUn segment lumineux court sans arrêt le long du bord de la cartepleincontourdouxverrenéon

Carte sous projecteurUne flaque de lumière douce suit la souris sur la cartepleincontourdouxverrenéon

Carte inclinéeLa carte pivote à la suite de la souris, comme une vraie plaquepleincontourdouxverrenéon

Carte néonLe tube néon du bord respire et les lettres brillent comme une enseignecontourdouxverrenéon

Verre à auroreDerrière un verre dépoli, des taches de couleur dérivent lentementcontourdouxverrenéon

Jeu de cartes en éventailTrois cartes en pile s’ouvrent en éventail au survolpleincontourdouxverrenéon

Carte à rideauLe panneau du bas remonte et découvre le texte caché sous la couverturepleincontourdouxverrenéon

Produit brillantUne bande de lumière traverse d’elle-même la carte produitpleincontourdouxverrenéon

Avis au guillemet lumineuxUn guillemet énorme couve derrière le texte et s’embrase lentementpleincontourdouxverrenéon

Mur d’avisLes avis défilent sur un ruban sans fin et les bords se dissolvent dans le fondcontourdouxverrenéon

Bouton à anneau de lumièreUn anneau de lumière tourne autour du bouton et une onde s’en échappe encore et encorepleincontourdouxverrenéon

Bouton liquideUne goutte ondule à l’intérieur et inonde tout le bouton au survolpleincontourdouxverrenéon

Bouton magnétiqueLe bouton penche vers le curseur comme s’il était aimantépleincontourdouxverrenéon

Bouton à faisceau sur la bordureDeux segments clairs se poursuivent le long du bord du boutoncontourdouxverrenéon

Bouton à étincellesDes étincelles jaillissent autour du bouton et se multiplient au survolpleincontourdouxverrenéon

Bouton à libellé changeantAu survol le libellé monte et un second arrive par le baspleincontourdouxverrenéon

Grand bouton à lumière dérivanteUn dégradé dérive lentement sur un bouton large, avec une ombre colorée dessouspleincontourdouxverrenéon

Dock d’icônesUne bande d’icônes : celle sous le curseur grandit et ses voisines se soulèvent un peupleincontourdouxverrenéon

Orbite de visagesDeux anneaux de visages tournent lentement autour d’un signe au centrepleincontourdouxverrenéon

Ruban de logosLes marques des clients défilent en boucle et les bords du ruban fondent dans le fondcontourdouxverrenéon

Bento lumineuxUne grille de tuiles inégales sur laquelle voyage une seule flaque de lumièrepleincontourdouxverrenéon

Tarifs éclairésTrois offres ; la lumière court autour de celle du milieu, qui est surélevéepleincontourdouxverrenéon

Bande de réussitesQuatre chiffres montent depuis zéro dès que la bande entre dans le cadrepleincontourdouxverrenéon

Étapes avec faisceauTrois étapes reliées par un fil sur lequel court une étincellepleincontourdouxverrenéon

Appel finalUn bloc large dans un cadre lumineux, derrière le texte respire une grille de pointspleincontourdouxverrenéon

Vague de pointsCinq points montent et descendent en vague, l’un après l’autrepleincontourdouxverrenéon

Anneau qui pulseLe noyau reste immobile pendant que deux anneaux s’écartent à tour de rôlepleincontourdouxverrenéon

Barre de chargementDeux segments courent sur la piste tant que la durée reste inconnuepleincontourdouxverrenéon

Squelette de carteDe la place pour une couverture, un titre, deux lignes et un bouton, qu’un miroitement parcourtpleincontourdouxverrenéon

Squelette de tableauUn en-tête et quatre lignes de trois cellules, chaque ligne s’éclaircissant à son tourpleincontourdouxverrenéon

Roue à segmentsDouze traits en cercle s’éteignent à tour de rôle, comme la roue d’attente du systèmepleincontourdouxverrenéon

Carrés qui rebondissentQuatre carrés sautent à tour de rôle et s’écrasent un peu en retombantpleincontourdouxverrenéon

SablierLe sable coule du haut vers le bas et repart dès que le haut est videpleincontourdouxverrenéon

Comète en orbiteUn point fait le tour d’un anneau en traînant derrière lui une queue qui s’éteintpleincontourdouxverrenéon

Bloc à miroitementUn espace réservé de n’importe quelle taille qu’une bande de lumière traversepleincontourdouxverrenéon

Point en directUn point avec un anneau qui s’écarte et une légende : on voit que la liaison est vivantepleincontourdouxverrenéon

Battement de cœurUn cœur bat pendant que le tracé se dessine sur une ligne pâlepleincontourdouxverrenéon

Nombre qui compteLe nombre monte en glissant et compte jusqu’à son total dès qu’il entre dans le cadrepleincontourdouxverrenéon

Barre de progression avec pourcentageUn libellé, un pourcentage et une piste : le remplissage pousse depuis la gauche jusqu’à sa valeurpleincontourdouxverrenéon

Cadran de progressionUn arc monte jusqu’à sa valeur, le nombre se tenant au centrepleincontourdouxverrenéon

Points d’étapesCinq points sur un fil : les faits sont pleins, l’actuel est plus grand et respire un anneaupleincontourdouxverrenéon

Compte à rebours en chiffresHeures, minutes et secondes jusqu’à l’échéance ; les deux-points clignotent et les chiffres défilent d’eux-mêmespleincontourdouxverrenéon

Jauge de forceQuatre segments se remplissent l’un après l’autre et nomment le niveau en un motpleincontourdouxverrenéon

Indicateur de synchronisationDeux flèches tournent en rond pendant que les changements partent vers le serveurpleincontourdouxverrenéon

Enregistrement en coursUn point qui clignote, le mot enregistrement et le temps écoulé depuis le début de la prisepleincontourdouxverrenéon

Coche qui se dessineLe cercle se trace d’un trait, puis la coche vient derrière luipleincontourdouxverrenéon

Croix qui se dessineLe cercle se trace, puis la croix se dessine en deux traits de suitepleincontourdouxverrenéon

Cœur qui éclateLe cœur gonfle un instant et six étincelles s’en échappentpleincontourdouxverrenéon

Étoile qui se remplitLe contour de l’étoile se remplit de bas en haut et sursaute brièvement à la finpleincontourdouxverrenéon

Cloche qui se balanceUne cloche avec compteur se balance puis s’arrête, et recommencepleincontourdouxverrenéon

Flèche qui sauteUn libellé et une flèche vers le bas qui saute brièvement et invite à défilerpleincontourdouxverrenéon

Curseur de frappeLa ligne apparaît par morceaux, comme tapée, et un curseur clignote au boutpleincontourdouxverrenéon

Soulignement au pinceauSous un seul mot se trace d’elle-même une ligne irrégulière au pinceaupleincontourdouxverrenéon

Icône qui se retourneLa tuile se retourne au survol et au clavier : le lien devient une cochepleincontourdouxverrenéon

Salve de confettisDix bouts de papier s’échappent en éventail de la coche et s’effacent en volpleincontourdouxverrenéon

ConnexionE-mail, mot de passe avec œil, « se souvenir de moi » et un lien par e-mail comme deuxième voiepleincontourdouxverrenéon

InscriptionNom, e-mail, mot de passe avec jauge de force en direct et verdict en un mot, accord sur les conditionspleincontourdouxverrenéon

Réinitialisation du mot de passeUn champ e-mail, un bouton et le chemin du retour ; l’enveloppe se balance au survolpleincontourdouxverrenéon

Code de confirmationSix cases qui avancent seules, le collage fonctionne, le bouton s’allume quand le code est completpleincontourdouxverrenéon

Connexion par lienJuste l’e-mail et un bouton ; une étincelle court sur le bouton au survolpleincontourdouxverrenéon

Connexion en deux colonnesÀ gauche un panneau avec une citation et un dégradé vivant, à droite le formulaire avec mot de passepleincontourdouxverrenéon

Page 404Un chiffre géant flotte et respire, dessous le chemin du retour et une recherchepleincontourdouxverrenéon

Quelque chose a casséÉcran d’erreur avec un bouton « Réessayer » qui tourne pour de vrai et rend comptepleincontourdouxverrenéon

Bientôt disponibleUn compte à rebours en direct sur quatre tuiles et un champ « prévenez-moi à l’ouverture »pleincontourdouxverrenéon

Travaux techniquesDeux engrenages tournent l’un vers l’autre, un délai et un lien vers l’étatpleincontourdouxverrenéon

Bandeau cookiesUn bandeau en bas avec deux boutons honnêtes ; il se referme en douceurpleincontourdouxverrenéon

Formulaire de contactNom, e-mail, sujet et un message avec compteur de caractères ; le bouton promet un délai de réponsepleincontourdouxverrenéon

Liste d’attenteL’e-mail, votre place dans la file et une pile d’avatars de ceux qui sont déjà inscritspleincontourdouxverrenéon

Accès payantLe texte se perd dans la brume, par-dessus un cadenas et le prix ; au survol la brume se lève un peupleincontourdouxverrenéon

Premiers pasUne liste du premier jour avec barre de progression ; les coches, c’est vous qui les mettezpleincontourdouxverrenéon

BoutonUn bouton avec une légère élévation au survol et un état pressépleincontourdouxverrenéon

Bouton fléchéLa flèche glisse à droite au survolpleincontourdouxverrenéon

Bouton icôneUn bouton rond avec icône qui tourne un peu au survolpleincontourdouxverrenéon

InterrupteurUn interrupteur au bouton ressort, clavier et aria-checkedpleincontourdouxverrenéon

Case à cocherLa coche se dessine d’elle-même quand elle est cochéepleincontourdouxverrenéon

Groupe de choixTrois options, le point de sélection arrive par ressortpleincontourdouxverrenéon

Contrôle segmentéLe surlignage glisse vers le segment choisipleincontourdouxverrenéon

Puces de filtreUne rangée de puces, la choisie surlignée, le survol soulèvepleincontourdouxverrenéon

Champ à étiquette flottanteL’étiquette remonte à la saisie et la bordure s’allume de la couleur du sitecontourdouxverrenéon

Barre de rechercheUn champ avec une loupe et un indice claviercontourdouxverrenéon

Zone de message avec compteurUn champ multiligne dont la bordure s’allume au focuscontourdouxverrenéon

Liste déroulanteUn select natif avec flèche et bordure personnaliséescontourdouxverrenéon

Curseur avec valeurUne piste remplie et un nombre qui suit le curseurpleincontourdouxverrenéon

Newsletter sur une ligneUn champ et un bouton dans une capsulepleincontourdouxverrenéon

OngletsLe soulignement glisse vers l’onglet actif, les flèches changentpleincontourdouxverrenéon

Fil d’ArianeUn chemin par sections avec séparateurs et la page actuellecontourdouxverrenéon

PaginationNuméros de page avec l’actif et des flèchespleincontourdouxverrenéon

Étapes de progressionTrois étapes, les faites cochées, l’actuelle surlignéepleincontourdouxverrenéon

Menu à pastillesUn menu horizontal avec l’élément actif dans une pastillepleincontourdouxverrenéon

Menu déroulantUn bouton ouvre une liste ; clic à l’extérieur et Échap la fermentpleincontourdouxverrenéon

Bouton à refletUne bande de lumière traverse le bouton au survolpleincontourdouxverrenéon

Bouton à bordure dégradéeUne bordure dégradée tourne autour du bouton et accélère au survolcontourdouxverrenéon

Bouton avec chargementUn clic affiche une roue, puis une coche « Terminé », puis il revientpleincontourdouxverrenéon

Groupe de boutonsTrois boutons en un seul bloc, l’actif ressortpleincontourdouxverrenéon

Bouton d’action flottantUn rond avec un plus ; au survol une étiquette sort et le plus pivotepleincontourdouxverrenéon

Bouton j’aimeLe cœur se remplit et sursaute au clic, le compteur à côtépleincontourdouxverrenéon

Interrupteur légendéLes mots oui et non vivent dans le rail, le curseur traverse avec ressortpleincontourdouxverrenéon

Carte à cocherLa carte entière est la case : la bordure s’allume et la coche se dessinepleincontourdouxverrenéon

Cartes à choix uniqueTrois modes de livraison, un choisi ; le point de sélection rejoint l’actifpleincontourdouxverrenéon

NuancierDes ronds de couleur tirés de la palette du site ; le choisi est cerclé et un peu plus grandpleincontourdouxverrenéon

Choix de la tailleCarrés S, M, L, XL ; l’un est indisponible et barrépleincontourdouxverrenéon

Bascule de thèmeLe soleil s’en va, la lune arrive ; le rail s’assombritpleincontourdouxverrenéon

Bascule d’affichageListe, grille, carte : le fond glisse sous l’icône choisiepleincontourdouxverrenéon

Bouton en reliefLe bouton repose sur un socle et s’enfonce au clicpleincontourdouxverrenéon

Bouton à impulsionsDes anneaux partent du bouton comme d’un signal et s’arrêtent au survolpleincontourdouxverrenéon

Champ avec icôneL’icône de recherche à gauche s’allume avec la bordure au focuscontourdouxverrenéon

Champ mot de passeL’œil montre et cache le mot de passe, et se barre tant qu’il est visiblecontourdouxverrenéon

Cases du codeQuatre cases, le curseur avance tout seul, le collage répartit les chiffrescontourdouxverrenéon

Zone de dépôt de fichierUne zone pointillée avec un nuage qui s’élève au survolcontourdouxverrenéon

Champ à étiquettesDes étiquettes avec des croix dans le champ ; la croix retire l’étiquette en la rétrécissantcontourdouxverrenéon

Liste à recherche viveVous tapez, la liste se resserre ; un résultat vide le dit honnêtementcontourdouxverrenéon

Zone de texte avec compteurLe compteur de caractères vit dans le coin et alerte près de la limitecontourdouxverrenéon

Échelle de 0 à 10Onze cases de note ; la choisie et toutes celles à sa gauche se remplissentpleincontourdouxverrenéon

Jours de la semaineSept ronds à cocher ; les choisis se remplissent avec ressortpleincontourdouxverrenéon

Champs à préfixeUne adresse avec https:// et un montant avec sa devise ; le préfixe fait partie du cadrecontourdouxverrenéon

Champ avec contrôleE-mail : une coche apparaît quand l’adresse semble vraie, une croix sinoncontourdouxverrenéon

En-tête du siteLogo, liens, un bouton et un menu burger qui s’ouvre sur écran étroitpleincontourdouxverrenéon

Méga-menuL’entrée « Produit » ouvre un panneau de trois colonnes au survol et au focuspleincontourdouxverrenéon

Menu latéralDes entrées avec icônes, l’active avec une barre à gauche, un compteur sur la boîte de réceptionpleincontourdouxverrenéon

Barre d’onglets en basQuatre onglets comme dans une application ; l’actif lève son icône et affiche son libellépleincontourdouxverrenéon

Sommaire de la page« Sur cette page » : liste d’ancres, l’active marquée, un léger décalage au survolpleincontourdouxverrenéon

Retour en hautUn bouton rond dont la flèche saute au survolpleincontourdouxverrenéon

Pied de page en colonnesQuatre colonnes de liens, un champ d’abonnement et la ligne de l’année ; les liens se soulignent de gauche à droitepleincontourdouxverrenéon

Liens soulignésLe soulignement pousse depuis le centre au survol et reste sous le lien actifpleincontourdouxverrenéon

BadgeUne petite étiquette de statut avec un pointpleincontourdouxverrenéon

Alerte en ligneUne bande avec un titre, un texte et un bouton fermerpleincontourdouxverrenéon

Indicateur de chargementUn anneau de chargement avec légendecontourdouxnéon

Trois pointsTrois points rebondissent l’un après l’autrepleindouxnéon

Barre de chargementUne barre parcourue d’un reflet pendant le chargementpleindouxnéon

Squelette de carteUn espace réservé de carte avec un miroitement pendant le chargementdouxverre

Notification flottanteUn bouton affiche un message en bas pendant deux secondespleincontourdouxverrenéon

Barre de progressionRemplissage jusqu’à une valeur avec un pourcentagepleincontourdouxverrenéon

Anneau de progressionUn anneau se remplit jusqu’à un pourcentage, le nombre au centrepleindouxnéon

Chiffre cléUn grand nombre, une légende et une flèche de croissancecontourdouxverrenéon

Note en étoilesCinq étoiles, choix au clic, surlignage au survolpleincontournéon

Compteur de quantitéMoins, nombre, plus : comme dans un panierpleincontourdouxverrenéon

Pile d’avatarsDes cercles de membres superposés et une mention « + autres »pleincontourverrenéon

Carte d’avantageUne icône, un titre, un texte ; s’élève au survolcontourdouxverrenéon

TémoignageUne citation, un nom, un rôle et des étoilescontourdouxverrenéon

Carte tarifaireUn nom, un prix, trois points et un boutoncontourdouxverrenéon

Interrupteur mensuel ou annuelUn interrupteur de période change les prix des cartespleincontourdouxverrenéon

AccordéonLes questions s’ouvrent une à une, la flèche tournecontourdouxverrenéon

Frise chronologiqueUne ligne verticale avec des points et des datespleincontourdouxverrenéon

Bloc d’appel à l’actionUn titre, une ligne et un bouton dans un blocpleincontourdouxverrenéon

Touche clavierUn indice de raccourci qui s’enfonce au survolcontourdouxverrenéon

Champ à copierUn code ou un lien avec un bouton qui copie et confirmecontourdouxverrenéon

InfobulleUne bulle apparaît au-dessus du mot au survol et au focuspleinverrenéon

Fenêtre modaleUn bouton ouvre une fenêtre assombrie ; bouton, fond et Échap la fermentcontourdouxverrenéon

Bandeau supérieurUne bande d’annonce avec un lien et un bouton fermerpleincontourdouxverrenéon

État videUn cadre pointillé, une icône de dossier et une seule action ; le dossier s’entrouvre au survolpleincontourdouxverrenéon

Étapes de chargementQuatre lignes s’allument à tour de rôle : point, roue, coche, et on recommencepleincontourdouxverrenéon

Liste squeletteTrois lignes avec un rond et des barres qu’un reflet parcourtcontourdouxverrenéon

Message à fermerUne barre avec icône et croix ; elle se referme en se repliant vers le hautpleincontourdouxverrenéon

État des servicesQuatre services avec des points : trois vont bien, un est ralenti et pulsepleincontourdouxverrenéon

Quelqu’un écritUne bulle de discussion avec trois points qui sautent à tour de rôlepleincontourdouxverrenéon

Envoi du fichierUne ligne de fichier dont la barre monte à 72 % et affiche la vitessepleincontourdouxverrenéon

RéussiteUn cercle s’ouvre, la coche se dessine d’un trait, la légende monte en fondupleincontourdouxverrenéon

Badge de réussiteUne médaille entourée d’étincelles en orbite ; au survol elle se balancepleincontourdouxverrenéon

Tuiles d’indicateursTrois chiffres avec libellé et écart ; la flèche pointe vers le haut ou le bas, la tuile se soulève au survolpleincontourdouxverrenéon

Carte à courbe fineUn chiffre et une fine courbe sur 30 jours qui se dessine à l’apparitionpleincontourdouxverrenéon

BarresSept barres poussent du bas à tour de rôle ; le survol révèle la valeurpleincontourdouxverrenéon

Anneau de partsTrois parts dans un anneau et un chiffre au centre ; la légende s’allume au survolpleincontourdouxverrenéon

Tableau triableUn clic sur l’en-tête trie les lignes, la flèche indique le senspleincontourdouxverrenéon

ClassementCinq places avec médailles pour les trois premiers et une barre de pointspleincontourdouxverrenéon

Mini-calendrierLe mois en grille, aujourd’hui cerclé, la période choisie rempliepleincontourdouxverrenéon

Barres de comparaisonQuatre barres horizontales avec libellé et pourcentage ; elles poussent depuis la gauche à l’apparitionpleincontourdouxverrenéon

Carte produitUne couverture avec pastille, nom, prix et bouton ; la couverture se rapproche au survolpleincontourdouxverrenéon

Carte de profilAvatar aux initiales sur un en-tête dégradé, un rôle, trois chiffres et un boutonpleincontourdouxverrenéon

Carte d’articleUne couverture, une rubrique, un titre qui se souligne au survol, l’auteur et le temps de lecturepleincontourdouxverrenéon

Citation détachéeUn grand guillemet à la couleur du site, le texte et l’auteur avec une barre à gauchepleincontourdouxverrenéon

Rangée de logosCinq noms de clients restent en sourdine et reprennent des couleurs un à un au survolpleincontourdouxverrenéon

Grille bentoQuatre tuiles de tailles différentes ; une lumière suit le curseur sur la tuile survoléepleincontourdouxverrenéon

Entrée du journal des changementsVersion, date, les pastilles « nouveau » et « corrigé » et une liste à points à la couleur du sitepleincontourdouxverrenéon

Couverture vidéoUn cadre 16:9 avec un bouton de lecture d’où part un anneaupleincontourdouxverrenéon

Bulles de discussionTrois messages : ceux des autres à gauche, le vôtre à droite à la couleur du site, l’heure dessouspleincontourdouxverrenéon

Ligne de notificationUne icône, un texte avec le nom en gras, l’heure et un point de non-lupleincontourdouxverrenéon

Tableau des tarifsTrois colonnes avec prix et coches, celle du milieu mise en avant et légèrement surélevéepleincontourdouxverrenéon

Carte qui se retourneUn clic retourne la carte en 3D : le fait devant, l’explication derrièrepleincontourdouxverrenéon

CarrouselTrois diapositives, des flèches et des points ; le ruban glisse avec ressortpleincontourdouxverrenéon

Panneau latéralUn bouton fait sortir un panneau par la droite avec fond assombri ; croix, fond et Échap le fermentcontourdouxverrenéon

Carte au survolSurvolez le nom : une carte avec avatar, rôle et bouton remontecontourdouxverrenéon

Panneau du basUn panneau monte depuis le bas avec une poignée, comme sur mobile ; le fond et Échap le fermentcontourdouxverrenéon

Palette de commandesUn Ctrl K maison : une fenêtre avec recherche dont la liste se resserre à la frappecontourdouxverrenéon

Séparateur avec libelléUne ligne avec un mot court au milieucontourdouxverrenéon

Nuage de tagsDes liens-tags de poids différents qui s’allument au survolpleincontourdouxverrenéon

Avatar avec statutDes initiales dans un cercle avec un point « en ligne » qui pulse doucementpleincontourverrenéon

Compte à reboursJours, heures, minutes et secondes jusqu’à une date, qui défilent d’eux-mêmespleincontourdouxverrenéon

Et quinze bibliothèques ouvertes à l’intérieur

Reprises sous licences permissives, nettoyées des scripts et des adresses externes, chaque style enfermé sur son propre élément.

1 104 Boutons865 Chargeurs622 Cartes248 Interrupteurs215 Champs169 Cases à cocher131 Formulaires103 Motifs96 Boutons radio49 Info-bulles38 input37 button35 motion30 dropdown27 footers25 menus23 menu23 select23 tooltip22 Notifications22 tabs21 footer21 pagination20 card20 spinners19 indicator19 contact18 avatar18 breadcrumbs18 stats17 badge17 hero17 radio17 steps16 accordions16 badges16 vertical-menu16 testimonials16 content16 feature15 progress15 pricing15 alerts14 mask14 tab14 table14 timeline14 cta14 loader14 Texte13 aura13 divider13 range13 textarea13 blog-cards12 checkbox12 collapse12 skeleton12 dividers12 modals12 selects12 textareas12 toasts12 announcements11 alert11 fab11 file-input11 validator11 tables11 features10 accordion10 link10 modal10 navbar10 theme-controller10 toast10 toggle10 button-groups10 empty-states10 grids10 progress-bars10 contact-forms10 empty-content10 avatars9 carousel9 sign-in-and-registration8 rating8 stack8 details-list8 media8 quantity-inputs8 ctas8 feature-grids8 headers8 product-cards8 faq8 sidebar8 header7 countdown7 dock7 kbd7 list7 loading7 stat7 portfolio7 404-pages7 email-templates7 Mise en page6 join6 label6 megamenu6 mockup-code6 otp6 swap6 timelines6 carts6 faqs6 polls6 team-sections6 blog6 cookies6 button-group6 ecommerce6 gallery6 statistic6 step6 team6 testimonial6 call-to-action5 chat5 drawer5 fieldset5 radial-progress5 status5 text-rotate5 radio-groups5 range-inputs5 notification5 404-5005 heroes5 login4 file-uploaders4 filters4 side-menu4 banners4 newsletter-signup4 product-collections4 sections4 teams4 media-object4 blog-list4 forgot-password4 logos4 register4 statistics4 verification3 filter3 hover-3d3 skip-links3 logo-clouds3 heros3 breadcrumb3 form-layout2 diff2 hover-gallery2 mockup-phone2 mockup-window2 analytics-dashboard2 support-inbox2 empty-state2 privacy-terms1 calendar1 animate-duration-delay1 remove-number-input-spinners1 storefront1 navbars

Sources :Uiverse · MIT · 3 348daisyUI · MIT · 580HyperUI · MIT · 518Meraki UI · MIT · 194Sailboat UI · MIT · 133Tailblocks · MIT · 116Whirl · MIT · 96Kutty · MIT · 68CSSFX · MIT · 45CSShake · MIT · 35Loaders.css · MIT · 29Hamburgers · MIT · 25Epic Spinners · MIT · 20Three Dots · MIT · 20SpinKit · MIT · 12

Posez une pièce sur votre page

Dans le constructeur : ouvrez une section, appuyez sur « Composants » ou « Bibliothèque », choisissez une carte, insérez. Le retrait rend le document octet pour octet.