BoutonsTexte et nombresSélection dans une listeCurseurs et notationCouleur et fichierÉditeursChoixDate et heureFormulairesMise en pageNavigationSuperpositionsRetoursContentDonnées légèresGlisserPréférencesUtilitairesDonnéesGraphiquesDiagrammesPlanificationEspace de travailOffice
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.Données 7 contrôles
161 DataGridComplete Une grille pour les tableaux dans lesquels vivent vos utilisateurs : tri, filtre, regroupement, édition et export.162 TreeListComplete Un arbre et un tableau en un, avec tri, filtre et choix des colonnes.163 PivotGridComplete Laissez les utilisateurs résumer une liste en tableau croisé et explorer les chiffres.164 QueryBuilderComplete Laissez les utilisateurs construire des requêtes à partir de groupes de conditions imbriqués.165 DataFilterComplete Offrez aux utilisateurs un moyen simple de construire des filtres à partir de conditions.166 FileExplorerComplete Offrez aux utilisateurs un explorateur de fichiers familier pour votre propre stockage.167 FileManagerComplete Un gestionnaire de fichiers complet : dossiers, recherche, tri, renommage et envoi.Graphiques 26 contrôles
168 LineChartComplete Montrez des tendances dans le temps avec plusieurs séries et une légende cliquable.169 AreaChartComplete Montrez totaux et parts d’un coup d’œil avec des aires empilées, en pourcentage ou superposées.170 BarChartComplete Comparez clairement des valeurs avec des barres verticales ou horizontales, groupées ou empilées.171 ComboChartComplete Combinez barres et lignes sur des axes partagés pour raconter une seule histoire.172 PieChartComplete Montrez les parts d’un tout sous forme de camembert ou d’anneau.173 RadarChartComplete Comparez plusieurs mesures à la fois sur un seul graphique.174 ScatterChartComplete Révélez les relations entre deux nombres.175 BubbleChartComplete Ajoutez une troisième dimension à un nuage de points : des bulles plus grosses pour des valeurs plus grandes.176 HistogramComplete Voyez comment les valeurs se répartissent sur des plages.177 BoxPlotComplete Montrez comment un ensemble de nombres se répartit, pas seulement sa moyenne.178 HeatmapChartComplete Révélez des motifs dans un tableau de nombres grâce à la couleur.179 CalendarHeatmapComplete Voyez toute une année d’activité d’un coup, plus sombre là où il y en a davantage.180 TreemapChartComplete Montrez des proportions sous forme de rectangles : plus la valeur est grande, plus l’aire l’est aussi.181 SunburstChartComplete Montrez une hiérarchie sous forme d’anneaux concentriques.182 SankeyChartComplete Montrez comment les quantités circulent d’une étape à la suivante.183 FunnelChartComplete Montrez où les gens abandonnent entre les étapes.184 WaterfallChartComplete Expliquez comment hausses et baisses s’additionnent en un total.185 CandlestickChartComplete Présentez ouverture, plus haut, plus bas et clôture pour chaque période, comme les traders l’attendent.186 SparklineComplete Une toute petite courbe de tendance qui tient dans une phrase ou une cellule de tableau.187 GaugeComplete Montrez une valeur unique sur un cadran clair, avec des zones colorées.188 LinearGaugeComplete Un indicateur droit pour une valeur, horizontal ou vertical.189 BulletChartComplete Montrez la progression vers un objectif dans très peu d’espace.190 MapComplete Colorez des régions selon une valeur et ajoutez des repères, à partir de vos propres données cartographiques.191 ChartDataTableComplete Un tableau de données qui accompagne un graphique pour les personnes qui utilisent des lecteurs d’écran.192 ChartLegendComplete La légende d’un graphique, où les utilisateurs masquent et affichent des séries d’un clic.193 ChartToolbarComplete Une barre d’outils pour un graphique avec export en PNG et SVG et d’autres actions.Diagrammes 1 contrôles
194 DiagramComplete Dessinez des organigrammes et des diagrammes de flux qui se mettent en page seuls.Planification 4 contrôles
195 SchedulerComplete Vues jour, semaine, mois et chronologie avec événements récurrents, ressources et glisser-déposer.196 SchedulerEventEditorComplete Un formulaire prêt à l’emploi pour créer et modifier des événements.197 RecurrenceEditorComplete Laissez les utilisateurs configurer des événements récurrents en langage clair.198 GanttComplete Planifiez des projets avec tâches, sous-tâches, jalons, dépendances et glisser-déposer.Espace de travail 10 contrôles
199 RibbonComplete La barre de commandes ruban bien connue, avec onglets, groupes et onglets contextuels.200 DockLayoutComplete Créez un espace de travail où les utilisateurs ancrent, regroupent en onglets, réduisent et détachent leurs propres panneaux.201 WindowComplete Des fenêtres flottantes que les utilisateurs déplacent, redimensionnent, réduisent et agrandissent.202 DashboardLayoutComplete Laissez les utilisateurs organiser leur propre tableau de bord en déplaçant et redimensionnant des tuiles.203 DesktopShellComplete Donnez à votre application l’allure d’un bureau, avec fond d’écran et barre des tâches.204 TaskbarComplete Une barre avec zone de démarrage, nom du module et zone de notification pour applications de type bureau.205 KanbanComplete Des tableaux avec des cartes qui passent d’une colonne à l’autre par glisser, toucher ou clavier.206 ChatComplete Ajoutez des conversations à votre application avec une liste de messages et une zone de saisie prêtes à l’emploi.207 MailViewComplete Affichez les e-mails entrants en toute sécurité dans votre application.208 MessageEditorComplete Un éditeur léger pour écrire des messages avec une mise en forme de base.Office 13 contrôles
209 PdfViewerComplete Ouvrez, recherchez et annotez des PDF dans le navigateur, avec outils de pages et signatures.210 PdfCompareComplete Voyez ce qui a changé entre deux versions d’un PDF.211 DocumentEditorComplete Un traitement de texte pour le navigateur qui ouvre et enregistre des fichiers Word, RTF et OpenDocument.212 RichTextEditorComplete Du texte mis en forme dans un champ de formulaire : gras, listes, liens, images et tableaux.213 PresentationEditorComplete Créez et modifiez des présentations dans le navigateur ; ouvre et enregistre des fichiers PowerPoint et OpenDocument.214 SpreadsheetComplete Un tableur complet dans le navigateur avec formules, graphiques et fichiers Excel.215 ProofingPanelComplete Vérifications d’orthographe, de grammaire et de logique dans un seul panneau.216 DataGridSpreadsheetButtonComplete Laissez les utilisateurs envoyer les données d’une grille vers un fichier de tableur en un clic.217 DataGridPdfButtonComplete Un bouton qui transforme les lignes d’une grille de données en document PDF.218 SchedulerPdfButtonComplete Un bouton qui imprime le planificateur en PDF : grille mensuelle, colonnes de semaine ou liste par jour.219 ReportButtonComplete Un bouton qui crée un rapport PDF à partir de vos données avec regroupement, totaux, graphiques et mise en page.220 SlideViewComplete Affiche une seule diapositive d’une présentation, pour les aperçus et les listes de diapositives.221 PasswordPromptComplete Un dialogue prêt à l’emploi qui demande le mot de passe d’un document quand un fichier est protégé.Prêt à construire avec RayCraft?
Commencez gratuitement, ou parlez-nous de votre projet.
Démarrer gratuitement