BoutonsTexte et nombresSélection dans une listeCurseurs et notationCouleur et fichierÉditeursChoixDate et heureFormulairesMise en pageNavigationSuperpositionsRetoursContentDonnées légèresGlisserPréférencesUtilitaires
Boutons 9 contrôles
001 ButtonFree Le bouton sur lequel toute votre application repose : trois styles, six couleurs, des icônes et une protection contre les doubles clics.002 IconButtonFree Un bouton compact pour barres d’outils, avec un nom accessible intégré.003 ButtonGroupFree Réunissez des actions liées en un seul contrôle ordonné, prêt pour les sélecteurs de vue.004 ToggleButtonFree Un bouton qui reste activé ou désactivé.005 SplitButtonFree Une action principale avec des actions liées à un clic de distance.006 FloatingActionButtonFree Gardez l’action principale toujours à portée de main.007 SpeedDialFree Un bouton flottant qui ouvre une courte liste d’actions.008 ProgressButtonFree Un bouton qui montre sa propre progression pendant que le travail s’exécute.009 CopyButtonFree Un clic pour copier, avec une confirmation claire.Texte et nombres 9 contrôles
010 TextFieldFree Le champ de texte sur lequel reposent vos formulaires, avec les messages de validation dessous.011 NumericFieldFree Une saisie numérique qui respecte les limites et le format de vos utilisateurs.012 PercentFieldFree Saisissez des pourcentages naturellement pendant que la valeur reste une fraction propre.013 MoneyFieldFree Saisissez des montants comme vos utilisateurs les écrivent, dans leur propre culture.014 MaskedInputFree Guidez la saisie des numéros de téléphone, codes et identifiants dans le bon format.015 OtpInputFree Une case par caractère pour les codes de vérification, avec saisie et collage fluides.016 SearchBoxFree Une recherche avec icône, bouton d’effacement et votre propre action de recherche.017 PasswordStrengthFree Montrez la robustesse d’un mot de passe et les règles qu’il respecte.018 InPlaceEditorFree Modifiez une valeur là où elle est affichée : cliquer, changer, enregistrer.Sélection dans une liste 10 contrôles
019 SelectFree Choisissez un élément dans une liste déroulante, pour tout type de valeur.020 DropDownListFree Choisissez dans des listes de toute longueur, même des centaines de milliers d’entrées, sans ralentissement.021 MultiSelectFree Choisissez plusieurs éléments dans une liste déroulante, avec Tout sélectionner et Effacer.022 ListBoxFree Une liste toujours visible, pour un choix ou plusieurs.023 AutocompleteFree Amenez les gens plus vite à la bonne réponse en réduisant une longue liste pendant la saisie.024 MultiColumnComboBoxFree Cherchez dans une liste qui montre plusieurs colonnes à la fois.025 CascaderFree Laissez les utilisateurs choisir dans une hiérarchie, un niveau à la fois.026 DropDownTreeFree Choisissez un nœud d’une hiérarchie dans une liste déroulante compacte.027 TagInputFree Ajoutez des tags libres avec Entrée ou une virgule.028 MentionFree Mentionnez des collègues avec @ directement dans une zone de texte.Curseurs et notation 5 contrôles
029 SliderFree Choisissez un nombre en le faisant glisser.030 RangeSliderFree Choisissez une valeur basse et une valeur haute avec un seul contrôle.031 RangeSelectorFree Choisissez un intervalle d’une série de données avec deux poignées.032 RatingFree Recueillez des notes par étoiles en un clic.033 RatingDisplayFree Affichez des notes avec demi-étoiles, un score et un nombre d’avis.Couleur et fichier 5 contrôles
034 ColorPickerFree Laissez les utilisateurs choisir des couleurs avec un sélecteur, un code hexadécimal ou des préréglages.035 ColorPaletteFree Une grille de nuanciers rapide à parcourir et facile à utiliser au clavier.036 ColorButtonFree Un bouton de couleur de barre d’outils bien connu, qui montre toujours la couleur choisie.037 FileUploadFree Glissez-déposez ou choisissez des fichiers, avec contrôle de taille et de type intégré.038 SignaturePadFree Recueillez des signatures manuscrites à la souris, au doigt ou au stylet.Éditeurs 2 contrôles
039 MarkdownEditorFree Écrivez en Markdown avec une barre d’outils et un aperçu en direct.040 AddressFieldFree Adressez un message en quelques secondes : chaque adresse devient une pastille claire, avec des suggestions pendant la saisie.Choix 9 contrôles
041 CheckboxFree Un simple oui ou non qui fonctionne avec vos formulaires et la validation.042 CheckboxGroupFree Laissez les utilisateurs choisir plusieurs éléments dans une liste, clairement étiquetés.043 RadioFree Une seule option d’un groupe radio, quand chaque choix a besoin de son propre libellé ou contenu.044 RadioGroupFree Un choix clair dans une courte liste.045 SwitchFree Un interrupteur clair activé ou désactivé.046 ChipFree Des étiquettes compactes pour tags et filtres, amovibles au besoin.047 ChipSetFree Transformez les chips en filtres que l’on sélectionne un par un ou plusieurs à la fois.048 ToggleGroupFree Un contrôle segmenté pour les sélecteurs de vue et les choix.049 TransferListFree Déplacez des éléments entre deux listes pour choisir un sous-ensemble.Date et heure 12 contrôles
050 CalendarFree Un calendrier qui s’intègre à vos pages, dans la langue de vos utilisateurs.051 DatePickerFree Choisissez une date dans un calendrier, dans la langue et le format que vos utilisateurs connaissent.052 DateTimePickerFree Choisissez une date et une heure dans un seul champ.053 DateTimeRangePickerFree Sélectionnez une période sur un calendrier de deux mois, avec des plages rapides.054 MonthPickerFree Choisissez un mois et une année sans choisir de jour.055 YearPickerFree Choisissez une année dans une grille claire.056 WeekPickerFree Choisissez une semaine entière en un clic.057 TimeFieldFree Un champ d’heure dans le format de la langue de l’utilisateur.058 TimePickerFree Saisissez une heure dans le format attendu par vos utilisateurs.059 TimeRangePickerFree Choisissez une heure de début et de fin dans un seul champ.060 TimeSpanPickerFree Saisissez une durée en jours, heures, minutes et secondes.061 EventCalendarFree Une vue mensuelle avec des événements lisibles d’un coup d’œil.Formulaires 7 contrôles
062 ErrorSummaryFree Rassemblez toutes les erreurs d’un formulaire au même endroit.063 FormLayoutFree Disposez étiquettes et champs dans une grille adaptative avec des sections titrées.064 FormStateFree Verrouillez ou figez tout un formulaire avec un seul réglage.065 LoginFormFree Un formulaire de connexion prêt à l’emploi avec une validation conviviale.066 RegisterFormFree Un formulaire d’inscription prêt à l’emploi avec une validation conviviale.067 CaptchaFree Un premier contrôle léger contre les robots simples, sans service externe.068 FormBuilderFree Construisez des formulaires à partir d’une liste de définitions de champs plutôt que de balisage.Mise en page 15 contrôles
069 ContainerFree Gardez le contenu à une largeur confortable sur chaque écran.070 StackFree Disposez des éléments en ligne ou en colonne avec un espacement régulier.071 GridFree Une grille à 12 colonnes qui change avec la taille de l’écran.072 GridItemFree Une cellule de la grille, dont la largeur pour chaque taille d’écran est définie par quelques valeurs simples.073 SpacerFree Poussez des éléments à l’extrémité d’une ligne.074 DividerFree Un trait fin qui laisse respirer le contenu.075 CardFree Un conteneur net qui regroupe un contenu lié avec un en-tête et un pied de page.076 PanelFree Une section titrée qui peut se replier et porter ses propres actions.077 FieldsetFree Regroupez des champs liés sous un titre clair.078 ToolbarFree Une rangée d’outils, prête pour le clavier.079 SplitterFree Des volets redimensionnables que les utilisateurs ajustent à la souris, au toucher ou au clavier.080 AccordionFree Gardez les longues pages ordonnées : montrez une section à la fois, ou plusieurs si vos utilisateurs le préfèrent.081 CollapseFree Montrez les détails uniquement quand les utilisateurs le demandent.082 TagCloudFree Affichez des mots dans des tailles qui suivent leur importance.083 TitleIndexFree Une liste groupée par première lettre avec une barre de lettres rapide.Navigation 19 contrôles
084 AppBarFree Une barre supérieure nette qui s’adapte des grands écrans aux petits téléphones.085 DrawerFree Un panneau latéral pour la navigation ou les détails, qui reste discret.086 NavMenuFree Une navigation verticale qui met en évidence la page courante.087 NavItemFree Un lien du menu de navigation, avec icône et libellé, mis en évidence quand sa page est ouverte.088 NavGroupFree Un groupe repliable de liens dans le menu de navigation, pour que les longs menus restent faciles à parcourir.089 TabsFree Organisez le contenu en panneaux entre lesquels les utilisateurs naviguent.090 StepperFree Guidez les utilisateurs dans un processus, une étape à la fois.091 WizardFree Guidez les utilisateurs dans un processus avec des étapes qui peuvent être vérifiées ou ignorées.092 BreadcrumbsFree Montrez toujours où se trouve l’utilisateur et offrez un retour en un clic.093 MenuFree Un bouton qui ouvre une liste claire d’actions.094 MenuItemFree Une entrée d’un menu, avec icône facultative, prête pour le clavier et la souris.095 ContextMenuFree Placez les bonnes actions sous le bon bouton de la souris.096 MenuBarFree Une barre de menus d’application classique avec raccourcis et sous-menus.097 CommandContextMenuFree Des menus du clic droit avec raccourcis, coches et sous-menus, construits à partir d’une seule liste de commandes.098 TextContextMenuFree Un menu du clic droit bien connu pour les champs de texte.099 ProfileMenuFree Affichez l’utilisateur connecté avec un avatar, un nom et un menu.100 PaginationFree Parcourez de longues listes page par page.101 TreeViewFree Des hiérarchies faciles à parcourir au clavier ou à la souris.102 ScrollSpyFree Une table des matières qui suit le lecteur sur une longue page.Superpositions 10 contrôles
103 DialogFree Des dialogues ciblés qui guident les utilisateurs et fonctionnent au clavier.104 DialogHostFree L’endroit où apparaissent les dialogues.105 PopoverFree Un panneau flottant pour plus de détails, à portée de main.106 TooltipFree Une courte info-bulle au survol ou au focus, sans script.107 OverlayFree Assombrissez la page pour concentrer l’attention.108 LightboxFree Une visionneuse plein écran pour les images, avec boutons précédent et suivant, flèches et Échap.109 TourFree Guidez les nouveaux utilisateurs dans votre application, étape par étape.110 ColorDialogFree Demandez une couleur à l’utilisateur dans un dialogue prêt à l’emploi, en une ligne de code.111 FontDialogFree Demandez une police à l’utilisateur dans un dialogue prêt à l’emploi, en une ligne de code.112 SnackbarHostFree L’endroit où apparaissent les messages courts.Retours 12 contrôles
113 AlertFree Dites ce qui compte, sur le bon ton : des messages clairs pour les succès, les avertissements et les erreurs.114 BadgeFree Une petite étiquette d’état qui rend la situation évidente dans les listes et les menus.115 BusyOverlayFree Gardez les utilisateurs informés pendant un chargement et évitez les clics accidentels.116 CookieConsentFree Demandez poliment le choix des cookies et mémorisez la réponse.117 EmptyStateFree Transformez une page vide en une prochaine étape utile.118 NotificationCenterFree Une cloche avec le nombre de notifications non lues et un panneau pour les consulter.119 ProgressBarFree Montrez l’avancement d’une opération.120 ProgressCircularFree Un anneau qui montre la progression d’un coup d’œil.121 ResultPageFree Dites aux utilisateurs comment cela s’est passé : succès, erreur, introuvable ou accès refusé.122 SkeletonFree Des espaces réservés qui rendent le chargement plus rapide à l’œil.123 SkeletonPresetFree Des espaces réservés de chargement prêts à l’emploi pour cartes, listes, tableaux et profils.124 SpinnerFree Un signe clair que quelque chose se charge.Content 21 contrôles
125 TypographyFree Titres et texte cohérents dans toute votre application.126 IconFree Une bibliothèque cohérente d’icônes dans un style net.127 ImageFree Des images avec texte alternatif obligatoire, légendes et chargement différé.128 ImageGalleryFree Une grille de vignettes qui s’ouvre dans une visionneuse plein écran.129 AvatarFree Mettez un visage ou des initiales à côté de chaque nom pour rendre les listes plus personnelles.130 AvatarGroupFree Montrez toute une équipe dans un petit espace, avec un simple +n pour les autres.131 LinkFree Des liens qui ont fière allure et gèrent les adresses externes en toute sécurité.132 StatisticFree De grands nombres avec libellé et tendance, conçus pour les tableaux de bord.133 DescriptionsFree Affichez les détails d’un enregistrement dans une grille soignée qui s’adapte aussi aux petits écrans.134 TimelineFree Racontez l’histoire d’un enregistrement comme une suite verticale d’événements.135 CarouselFree Présentez les temps forts sous forme de diapositives, avec des commandes que l’on peut mettre en pause.136 CountdownFree Comptez à rebours jusqu’à un lancement, une échéance ou une offre.137 HighlighterFree Marquez les résultats de recherche dans le texte pour que les utilisateurs les trouvent instantanément.138 MarqueeFree Un bandeau défilant pour de courtes annonces que les utilisateurs peuvent mettre en pause.139 CodeBlockFree Affichez du code de façon lisible, avec une coloration syntaxique légère.140 MarkdownFree Affichez le texte Markdown avec élégance, avec une gestion sûre des liens et du HTML.141 QrCodeFree Créez des codes QR dans votre page, sans service d’images.142 BarcodeFree Imprimez des codes-barres scannables directement depuis votre application, sans service d’images.143 PricingTableFree Des cartes d’offres avec prix, fonctions et un commutateur mensuel ou annuel.144 CommentThreadFree Ajoutez des discussions à n’importe quel enregistrement, avec des réponses et une zone pour les nouveaux commentaires.145 ActivityFeedFree Montrez qui a fait quoi et quand, groupé par jour, pour que les équipes sachent toujours ce qui a changé.Données légères 5 contrôles
146 TableFree Un tableau net pour des données simples et statiques.147 ListFree Des listes avec icônes, deux lignes de texte et des actions sur chaque ligne.148 RepeaterFree Affichez une liste avec votre propre modèle, un en-tête et un message de liste vide.149 VirtualListFree Faites défiler des centaines de milliers d’éléments en douceur.150 PropertyGridFree Modifiez les propriétés de n’importe quel objet dans une liste groupée et soignée.Glisser 1 contrôles
151 SortableFree Laissez les utilisateurs réordonner une liste en la faisant glisser ou avec des boutons.Préférences 4 contrôles
152 ThemeToggleFree Basculez entre thème clair et sombre en un clic.153 ThemeMenuFree Laissez les utilisateurs choisir un thème et une densité dans un seul menu.154 DensityToggleFree Laissez les utilisateurs choisir entre la densité confortable et compacte de toute l’application.155 LanguageToggleFree Changez la langue de toute l’interface, anglais ou bulgare, avec un seul contrôle.Utilitaires 5 contrôles
156 BreakpointObserverFree Créez des mises en page qui réagissent à la taille de l’écran avec un seul signal simple.157 FullscreenFree Laissez les utilisateurs agrandir des graphiques, des images ou des éditeurs en plein écran.158 HotkeyFree Ajoutez des raccourcis clavier que les utilisateurs avancés adoreront.159 InfiniteScrollFree Chargez plus de contenu quand le lecteur atteint la fin d’une liste.160 ScrollToTopFree Un bouton qui ramène les lecteurs en haut de la page.Prêt à construire avec RayCraft?
Commencez gratuitement, ou parlez-nous de votre projet.
Démarrer gratuitement