Composants

Lettre

Explorez les aperçus interactifs, trouvez les bons composants et intégrez les composants ouverts à votre projet avec leur code source.

Créer à partir d’un guide Connectez votre agent Explorer les modèles de pages

10 sur 10

1712Letter cascade buttonBoutonsUn large bouton solide dont l'étiquette centrée disparaît et se reconstruit une lettre à la fois au fur et à mesure que chaque caractère se met en place par le haut.

1991Letter roll inEffets de texte

2036Shimmer sweep textEffets de texteUne ligne de texte où chaque lettre s'éclaircit et s'assombrit à son tour, envoyant une bande de lumière voyageant le long de la phrase en boucle.

2066Morphing HeadlineEffets de texte

2136Cube flip lettersEffets de texteLe survol d'une ligne fait tourner chaque lettre d'un quart de tour en 3D, l'une après l'autre à partir d'une origine choisie, révélant une seconde face qui porte le même glyphe dans l'accent.

2355Flip panel headline revealEffets de texte

2464Wavy letter headingEffets de texteUn titre dont les lettres suivent une vague lente, chacune étant en retard sur la précédente, de sorte que la ligne ondule comme un drapeau sans perdre sa ligne de base.

2517Letter drop press buttonBoutons

2681Split flap face buttonBoutons

2718Letter swap copy buttonBoutonsUn bouton de copie en relief dont l'étiquette se reconstruit lettre par lettre au survol tandis que sa puce d'icône pulse et dessine un chèque lorsque la copie atterrit.

Comparer ces composants

Choisissez selon le comportement et la mise en page, puis vérifiez les frameworks disponibles et les conditions d’accès sur la page de chaque composant.

Cube flip letters
Le survol d'une ligne fait tourner chaque lettre d'un quart de tour en 3D, l'une après l'autre à partir d'une origine choisie, révélant une seconde face qui porte le même glyphe dans l'accent.
Flip panel headline reveal
Letter cascade button
Un large bouton solide dont l'étiquette centrée disparaît et se reconstruit une lettre à la fois au fur et à mesure que chaque caractère se met en place par le haut.

Conseils de design

Ouvrir l’index complet

Étiquettes

3D (16)Accordéon (9)Action (9)Ajout (7)Administration (12)Agent (12)Alerte (8)Ambiance (39)Statistiques (13)Animé (82)Arc (7)Aire (12)Flèche (33)Autorisation (11)Authentification (12)Avatar (13)Arrière-plan (18)Fond (54)Badge (22)Bande (8)Bannière (9)Barre (22)Faisceau (11)Biseau (12)Facturation (10)Forme organique (7)Rayonnement (10)Flou (15)Réservation (9)Bordure (16)Rebond (6)Éclat (7)Bouton (401)Calendrier (32)Appel à l’action (11)Canevas (89)Capsule (12)Légende (8)Carte (42)Carrousel (11)Graphique (59)Case à cocher (13)Liste de contrôle (7)Chevron (10)Étiquette compacte (26)Cercle (9)Clic (7)Découpe (9)Code (6)Repli (11)Repliable (6)Colonne (7)Commercial (10)Compact (8)Comparaison (8)Confirmer (24)Confirmation (7)État contrôlé (18)Coin (13)Décompte (7)Compteur (18)Réticule (6)Appel à l’action (28)Curseur (26)Rideau (7)Client (13)Cycle (6)Sombre (15)Tableau de bord (9)Données (13)Sélecteur de date (16)Plage de dates (13)Suppression (8)Profondeur (32)Destructif (9)Diagonale (13)Dialogue (17)Direction (6)Dévoilement (8)Fermeture (6)Graphique en anneau (7)Point (17)Téléchargement (10)Glissement (21)Tiroir (10)Dérive (17)Menu déroulant (18)Bord (7)Élastique (8)Élévation (6)Entrée (14)Agrandissement (23)Fondu (9)Éventail (6)Retour visuel (12)Champ (8)Remplissage (46)Filtre (14)Finance (10)Plat (6)Retournement (10)Remplissage progressif (14)Focus (19)Focus contenu (6)Dossier (7)Suivi (11)Formulaire (48)Champ de formulaire (12)Cadre (20)Galerie (15)Geste (6)Fantôme (7)Distorsion numérique (9)Lueur (39)Glyphe (9)Dégradé (38)Grain (10)Grille (35)Groupe (8)Trait fin (8)Halo (15)Ombre nette (6)Titre de section (8)Titre principal (19)Section principale (11)Mise en évidence (22)Indication (12)Appui prolongé (6)Survol (251)Carte au survol (10)Icône (125)Bouton à icône (24)Indicateur (9)Champ de saisie (20)En creux (11)Interactif (50)Inversion (26)Touche (11)Clavier (20)Navigation au clavier (6)Capuchon de touche (10)Libellé (21)Changement de libellé (9)En couches (9)Mise en page (18)Rebord (6)Légende (9)Lettre (10)Soulèvement (19)Lumière (22)Ligne (19)Lien (11)Aperçu de lien (7)Liquide (7)Liste (13)Indicateur de chargement (9)Chargement (27)Connexion (10)Boucle (42)Repère (9)Bande défilante (8)Masque (9)Menu (23)Métal (10)Indicateur (15)Minimaliste (10)Fenêtre modale (19)Chasse fixe (12)Mensuel (12)Transformation (14)Moulé (6)Navigation (21)Imbriqué (7)Bruit (16)Notification (7)Nombre (11)Décalage (7)Orbite (13)Contour (63)Débordement (7)Superposition (24)Page (19)Panneau (37)Parallaxe (15)Particule (18)Motif (9)Perspective (20)Photo (6)Diagramme circulaire (7)Capsule (83)Fiche (9)Ludique (7)Pointeur (65)Polaire (8)Panneau contextuel (17)Appui (77)Enfoncé (6)Produit (6)Profil (8)Progression (27)Pulsation (17)Radar (9)Radial (8)Groupe d’options (8)Relief (6)Apparition (80)Ruban (6)Bord extérieur (8)Anneau (35)Ondulation (18)Roulement (6)Rotation (21)Rotation (6)Ligne (15)Échelle (20)Défilement (38)Recherche (8)Section (8)Segmenté (7)Commande segmentée (12)Envoi (23)Séquence (8)Série (7)Réglages (22)Ombre (28)Partage (25)Reflet doux (14)Feuille (6)Scintillement (8)Barre latérale (7)Se connecter (11)Signal (8)Inscription (9)Inclinaison (9)Plaque (6)Glissement (21)Curseur de réglage (10)Surlignage glissant (7)Social (6)Doux (6)Rotation continue (15)Roue de chargement (9)Division (9)Projecteur (7)Ressort (63)Carré (6)Pile (17)Empilé (7)Animation décalée (40)Étoile (9)Statistique (7)État (11)Statut (21)Rayure (6)Trait (7)Sous-menu (9)Soumission (7)SVG (102)Échange (12)Balayage (40)Interrupteur (16)Onglet (22)Tactile (26)Texte (40)Texture (11)Tuile (28)Inclinaison (26)Bascule (65)Groupe de bascules (10)Barre d’outils (25)Infobulle (37)Suivi (6)Traînée (20)Transition (6)Translucide (9)Trajet (6)Tendance (10)Machine à écrire (9)Saisie (8)Typographie (18)Soulignement (10)Majuscules (14)Valeur (7)Vérification (8)Zone visible (6)Déformation (6)Vague (20)Balayage révélateur (23)Oscillation (6)Flux de travail (18)Espace de travail (36)