Composants

Particule

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

18 sur 18

1536Particle driftArrière-plansUn champ de toile de particules à la dérive lente qui s'enroulent sur les bords, se lient avec des lignes pâles et s'éloignent là où passe le pointeur.

1641Magnetic dust buttonBoutons

1642Particle burst buttonBoutons

1656Star count buttonBoutonsUn bouton étoile de référentiel dont le total s'affiche colonne par colonne et projette une courte rafale de petites étoiles lorsqu'on appuie dessus.

1672Burst particle emitterAnimationEnveloppe n'importe quel élément et déclenche un éventail décalé de petites taches à partir d'un bord choisi, lors d'un clic, sur une boucle ou la première fois qu'il défile dans la vue.

1674Celebration burstAnimation

1691Firework burst canvasArrière-plansLes obus sont lancés depuis le bord inférieur, montent en arc de cercle, puis éclatent en étincelles qui tombent sous l'effet de la gravité.

1703Gravity dust fieldArrière-plansUn champ lent de grains de poussière brillants qui se courbent vers ou s'éloignent du pointeur et s'éclairent de plus en plus à mesure qu'ils se rapprochent.

1720Magnetic particle ringArrière-plansUn champ dérivant de minuscules points que le pointeur attrape et réorganise en un anneau ondulant, les relâchant à mesure qu'il avance.

1728Particle sprayAnimationMaintenez le pointeur enfoncé sur une commande et il pulvérise de petites particules partout où se trouve le pointeur, chacune se courbant, tournant, puis tombant et se dissipant.

1875Pixel Bloom CardCartes

1952Drifting particle fieldArrière-plansUn nuage de petits points ronds qui s'effondre lentement, chacun dérivant sur son propre chemin, le nuage entier s'éloignant du pointeur.

2000Particle FieldArrière-plansUn champ de toile de points flottants doux qui dérivent d'eux-mêmes et se penchent vers le pointeur avec une légère traction magnétique, s'atténuant une fois qu'il s'éloigne.

2042Sliding digit counterAffichage des données

2079Vector Flow FieldArrière-plans

2376Launch orbit buttonBoutonsUne pilule qui souffle un anneau vers l'extérieur sur une boucle, disperse ses particules de poussière en vol stationnaire et envoie un petit engin en boucle à travers l'étiquette.

2409Reactive bento panelsMise en page

2816Particle formation textEffets de texteUne toile de minuscules particules qui se rassemble sous la forme d’un mot, dérive une fois formée et s’éloigne du pointeur.

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.

Burst particle emitter
Enveloppe n'importe quel élément et déclenche un éventail décalé de petites taches à partir d'un bord choisi, lors d'un clic, sur une boucle ou la première fois qu'il défile dans la vue.
Celebration burst
Drifting particle field
Un nuage de petits points ronds qui s'effondre lentement, chacun dérivant sur son propre chemin, le nuage entier s'éloignant du pointeur.

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)