Filtres animés : chips, onglets et segmented controls
38 blocs · 35 en HTML + CSS · 3 en React + Motion
Tout ce qu'il faut pour laisser les gens affiner une liste. Des chips de filtre (pastille coulissante, remplissage depuis le centre, bordure dégradée, coche qui tourne, X pour retirer, compteur), des segmented controls (style iOS, indicateur qui saute, changement de couleur, vertical), des onglets (soulignement coulissant, halo sous l'onglet actif, pastille qui suit la souris, onglets à icône, onglets façon dossier) et des listes déroulantes, avec options en cascade et sélection multiple.
Ils sont pensés pour les listes de produits, les tableaux de bord et les écrans de réglages. Réglez couleurs et tailles en direct, copiez le code et reliez l'état actif à vos propres données.