KnapperTekst og tallValg fra listeGlidere og vurderingFarge og filRedigeringsprogrammerValgDato og tidSkjemaerLayoutNavigasjonOverleggTilbakemeldingContentLette dataDraPreferanserVerktøy
Knapper 9 kontroller
001 ButtonFree Knappen hele appen din bygger på: tre stiler, seks farger, ikoner og beskyttelse mot dobbeltklikk.002 IconButtonFree En kompakt knapp for verktøylinjer, med innebygd tilgjengelig navn.003 ButtonGroupFree Samle beslektede handlinger i én ryddig kontroll, klar for visningsbrytere.004 ToggleButtonFree En knapp som forblir på eller av.005 SplitButtonFree En hovedhandling med beslektede handlinger ett klikk unna.006 FloatingActionButtonFree Hold hovedhandlingen alltid innen rekkevidde.007 SpeedDialFree En flytende knapp som åpner en kort liste av handlinger.008 ProgressButtonFree En knapp som viser sin egen fremdrift mens arbeid pågår.009 CopyButtonFree Ett klikk for å kopiere, med tydelig bekreftelse.Tekst og tall 9 kontroller
010 TextFieldFree Tekstboksen skjemaene dine er bygget på, med valideringsmeldinger under.011 NumericFieldFree Tallinndata som respekterer grenser og brukernes format.012 PercentFieldFree Skriv prosent naturlig mens verdien forblir en ren brøk.013 MoneyFieldFree Skriv beløp slik brukerne skriver dem, i sin egen kultur.014 MaskedInputFree Led folk til å skrive telefonnumre, koder og id-er i riktig format.015 OtpInputFree Én boks per tegn for bekreftelseskoder, med jevn skriving og liming.016 SearchBoxFree Søk med ikon, fjern-knapp og din egen søkehandling.017 PasswordStrengthFree Vis hvor sterkt et passord er og hvilke regler det oppfyller.018 InPlaceEditorFree Rediger en verdi rett der den vises: klikk, endre, lagre.Valg fra liste 10 kontroller
019 SelectFree Velg ett element fra en nedtrekksliste, for enhver verditype.020 DropDownListFree Velg fra lister av hvilken som helst lengde, selv hundretusenvis av poster, uten treghet.021 MultiSelectFree Velg flere elementer fra en nedtrekksliste, med Velg alle og Fjern.022 ListBoxFree En alltid synlig liste, for ett valg eller flere.023 AutocompleteFree Få folk raskere til riktig svar ved å begrense en lang liste mens de skriver.024 MultiColumnComboBoxFree Søk i en liste som viser flere kolonner samtidig.025 CascaderFree La brukerne velge i et hierarki, ett nivå om gangen.026 DropDownTreeFree Velg én node i et hierarki fra en kompakt nedtrekksliste.027 TagInputFree Legg til frie tagger med Enter eller komma.028 MentionFree Tagg kolleger med @ rett i en tekstboks.Glidere og vurdering 5 kontroller
029 SliderFree Velg et tall ved å dra.030 RangeSliderFree Velg en nedre og en øvre verdi med én kontroll.031 RangeSelectorFree Velg et intervall i en dataserie med to håndtak.032 RatingFree Samle stjernevurderinger med ett enkelt klikk.033 RatingDisplayFree Vis vurderinger med halve stjerner, en poengsum og antall omtaler.Farge og fil 5 kontroller
034 ColorPickerFree La brukerne velge farger med en velger, en heksadesimal kode eller ferdige forhåndsinnstillinger.035 ColorPaletteFree Et rutenett av fargeprøver som er raskt å overskue og enkelt å bruke med tastaturet.036 ColorButtonFree En kjent fargeknapp for verktøylinjen som alltid viser den valgte fargen.037 FileUploadFree Dra og slipp eller velg filer, med innebygd kontroll av størrelse og type.038 SignaturePadFree Samle håndskrevne signaturer med mus, finger eller penn.Redigeringsprogrammer 2 kontroller
039 MarkdownEditorFree Skriv Markdown med en verktøylinje og sanntidsforhåndsvisning.040 AddressFieldFree Adresser en melding på sekunder: hver adresse blir en tydelig chip, med forslag mens du skriver.Valg 9 kontroller
041 CheckboxFree Et enkelt ja eller nei som fungerer med skjemaene og valideringen din.042 CheckboxGroupFree La brukerne velge flere elementer fra en liste, tydelig merket.043 RadioFree Et enkelt alternativ i en radiogruppe, for når hvert valg trenger sin egen etikett eller sitt eget innhold.044 RadioGroupFree Ett tydelig valg fra en kort liste.045 SwitchFree En tydelig av-og-på-bryter.046 ChipFree Kompakte etiketter for tagger og filtre, som kan fjernes ved behov.047 ChipSetFree Gjør chips til filtre folk kan velge ett om gangen eller flere.048 ToggleGroupFree En segmentert kontroll for visningsbrytere og valg.049 TransferListFree Flytt elementer mellom to lister for å velge en delmengde.Dato og tid 12 kontroller
050 CalendarFree En kalender som passer inn på sidene dine, på brukernes språk.051 DatePickerFree Velg en dato fra en kalender, på språket og i formatet brukerne kjenner.052 DateTimePickerFree Velg dato og klokkeslett i ett felt.053 DateTimeRangePickerFree Velg en periode på én kalender som viser to måneder, med hurtigvalg.054 MonthPickerFree Velg en måned og et år uten å velge en dag.055 YearPickerFree Velg et år fra et tydelig rutenett.056 WeekPickerFree Velg en hel uke med ett klikk.057 TimeFieldFree Et tidsfelt i formatet til brukerens språk.058 TimePickerFree Skriv inn et klokkeslett i formatet brukerne forventer.059 TimeRangePickerFree Velg et start- og sluttidspunkt i ett felt.060 TimeSpanPickerFree Skriv inn en varighet i dager, timer, minutter og sekunder.061 EventCalendarFree En månedsvisning med hendelser som kan leses med et blikk.Skjemaer 7 kontroller
062 ErrorSummaryFree Samle alle skjemafeil på ett tydelig sted.063 FormLayoutFree Ordne etiketter og felt i et responsivt rutenett med seksjoner med tittel.064 FormStateFree Lås eller frys et helt skjema med én enkelt innstilling.065 LoginFormFree Et ferdig påloggingsskjema med vennlig validering.066 RegisterFormFree Et ferdig registreringsskjema med vennlig validering.067 CaptchaFree En lett første kontroll mot enkle roboter, uten ekstern tjeneste.068 FormBuilderFree Bygg skjemaer fra en liste av feltdefinisjoner i stedet for markup.Layout 15 kontroller
069 ContainerFree Hold innholdet på en behagelig bredde på hver skjerm.070 StackFree Ordne elementer i en rad eller kolonne med jevn avstand.071 GridFree Et rutenett med 12 kolonner som endrer seg med skjermstørrelsen.072 GridItemFree En celle i rutenettet, med bredden for hver skjermstørrelse angitt med noen få enkle verdier.073 SpacerFree Skyv elementer til enden av en rad.074 DividerFree En tynn linje som gir innholdet luft.075 CardFree En ren beholder som grupperer relatert innhold med topptekst og bunntekst.076 PanelFree En seksjon med tittel som kan skjules og bære egne handlinger.077 FieldsetFree Grupper beslektede felt under en tydelig overskrift.078 ToolbarFree En rad med verktøy, klar for tastaturet.079 SplitterFree Størrelsesjusterbare ruter som brukerne tilpasser med mus, berøring eller tastatur.080 AccordionFree Hold lange sider ryddige: vis én seksjon om gangen, eller flere hvis brukerne foretrekker det.081 CollapseFree Vis detaljer bare når brukerne ber om dem.082 TagCloudFree Vis ord i størrelser som følger deres vekt.083 TitleIndexFree En liste gruppert etter første bokstav med en rask bokstavlinje.Navigasjon 19 kontroller
084 AppBarFree En ren toppline som tilpasser seg fra brede skrivebord til små telefoner.085 DrawerFree Et sidepanel for navigasjon eller detaljer som ikke er i veien.086 NavMenuFree Loddrett navigasjon som utheve den gjeldende siden.087 NavItemFree En lenke i navigasjonsmenyen, med ikon og etikett, markert når siden er åpen.088 NavGroupFree En sammenleggbar gruppe av lenker i navigasjonsmenyen, slik at lange menyer er lette å overskue.089 TabsFree Organiser innhold i paneler brukerne bytter mellom.090 StepperFree Led brukerne gjennom en prosess ett trinn om gangen.091 WizardFree Led brukerne gjennom en prosess med trinn som kan kontrolleres eller hoppes over.092 BreadcrumbsFree Vis alltid hvor brukeren er og gi en vei tilbake med ett klikk.093 MenuFree En knapp som åpner en tydelig liste av handlinger.094 MenuItemFree En post i en meny, med valgfritt ikon, klar for tastatur og mus.095 ContextMenuFree Legg de riktige handlingene under høyre museknapp.096 MenuBarFree En klassisk menylinje for applikasjoner med snarveier og undermenyer.097 CommandContextMenuFree Høyreklikkmenyer med snarveier, haker og undermenyer, bygget fra én kommandoliste.098 TextContextMenuFree En kjent høyreklikkmeny for tekstfelt.099 ProfileMenuFree Vis den innloggede brukeren med avatar, navn og meny.100 PaginationFree Bla gjennom lange lister side for side.101 TreeViewFree Hierarkier som er enkle å bla i med tastatur eller mus.102 ScrollSpyFree Et innholdsfortegnelse som følger leseren gjennom en lang side.Overlegg 10 kontroller
103 DialogFree Fokuserte dialoger som holder brukerne på sporet og fungerer med tastaturet.104 DialogHostFree Stedet der dialoger vises.105 PopoverFree Et flytende panel for ekstra detaljer, ved hånden.106 TooltipFree Et kort tips ved hovring eller fokus, uten skript.107 OverlayFree Demp siden for å rette oppmerksomheten.108 LightboxFree En fullskjermsviser for bilder, med forrige- og neste-knapper, piltaster og Escape.109 TourFree Led nye brukere gjennom appen din trinn for trinn.110 ColorDialogFree Be brukeren om en farge i en ferdig dialog, med én kodelinje.111 FontDialogFree Be brukeren om en skrift i en ferdig dialog, med én kodelinje.112 SnackbarHostFree Stedet der korte meldinger vises.Tilbakemelding 12 kontroller
113 AlertFree Si det som er viktig, i riktig tone: tydelige meldinger om suksess, advarsler og feil.114 BadgeFree En liten statusetikett som gjør tilstanden tydelig i lister og menyer.115 BusyOverlayFree Hold brukerne informert mens noe lastes, og stopp utilsiktede klikk.116 CookieConsentFree Spør høflig om valg av informasjonskapsler og husk svaret.117 EmptyStateFree Gjør en tom side til et nyttig neste steg.118 NotificationCenterFree En bjelle med antall uleste varsler og et panel for å se dem.119 ProgressBarFree Vis hvor langt noe har kommet.120 ProgressCircularFree En ring som viser fremdriften med et blikk.121 ResultPageFree Fortell brukerne hvordan det gikk: vellykket, feil, ikke funnet eller ingen tilgang.122 SkeletonFree Plassholdere som får innlasting til å føles raskere.123 SkeletonPresetFree Ferdige innlastingsplassholdere for kort, lister, tabeller og profiler.124 SpinnerFree Et tydelig tegn på at noe lastes.Content 21 kontroller
125 TypographyFree Overskrifter og tekst som forblir konsekvente i hele appen din.126 IconFree Et konsekvent bibliotek av ikoner i én ren stil.127 ImageFree Bilder med obligatorisk alternativ tekst, bildetekster og utsatt innlasting.128 ImageGalleryFree Et rutenett av miniatyrer som åpnes i en fullskjermsviser.129 AvatarFree Sett et ansikt eller initialer ved siden av hvert navn og gjør lister mer personlige.130 AvatarGroupFree Vis et helt team på liten plass, med en enkel +n for resten.131 LinkFree Lenker som ser riktige ut og håndterer eksterne adresser trygt.132 StatisticFree Store tall med etikett og trend, laget for dashbord.133 DescriptionsFree Vis detaljene til en post i et ryddig rutenett som også passer på små skjermer.134 TimelineFree Fortell historien om en post som en loddrett rekke av hendelser.135 CarouselFree Presenter høydepunkter som lysbilder, med kontroller folk kan sette på pause.136 CountdownFree Tell ned til en lansering, en frist eller et tilbud.137 HighlighterFree Marker søketreff i tekst slik at brukerne finner dem med en gang.138 MarqueeFree En rullende stripe for korte kunngjøringer som brukerne kan sette på pause.139 CodeBlockFree Vis kode lesbart, med lett syntaksfarging.140 MarkdownFree Vis Markdown-tekst pent, med trygg håndtering av lenker og HTML.141 QrCodeFree Lag QR-koder på siden din, uten bildetjeneste.142 BarcodeFree Skriv ut skannbare strekkoder rett fra appen din, uten bildetjeneste.143 PricingTableFree Plankort med priser, funksjoner og en måneds- eller årsbryter.144 CommentThreadFree Legg til diskusjoner på enhver post, med svar og en boks for nye kommentarer.145 ActivityFeedFree Vis hvem som gjorde hva og når, gruppert etter dag, slik at team alltid vet hva som er endret.Lette data 5 kontroller
146 TableFree En ryddig tabell for enkle, statiske data.147 ListFree Lister med ikoner, to linjer tekst og handlinger på hver rad.148 RepeaterFree Vis en liste med din egen mal, overskrift og melding for tom liste.149 VirtualListFree Rull jevnt gjennom hundretusenvis av elementer.150 PropertyGridFree Rediger egenskapene til ethvert objekt i en ryddig gruppert liste.Dra 1 kontroller
151 SortableFree La brukerne omorganisere en liste ved å dra eller med knapper.Preferanser 4 kontroller
152 ThemeToggleFree Bytt mellom lyse og mørke temaer med ett klikk.153 ThemeMenuFree La brukerne velge tema og tetthet fra én meny.154 DensityToggleFree La brukerne velge mellom komfortabel og kompakt tetthet for hele applikasjonen.155 LanguageToggleFree Bytt språket i hele grensesnittet, engelsk eller bulgarsk, med én kontroll.Verktøy 5 kontroller
156 BreakpointObserverFree Bygg layouter som reagerer på skjermstørrelsen med ett enkelt signal.157 FullscreenFree La brukerne forstørre diagrammer, bilder eller redigeringsprogrammer til fullskjerm.158 HotkeyFree Legg til tastatursnarveier som erfarne brukere vil elske.159 InfiniteScrollFree Last mer innhold når leseren når slutten av en liste.160 ScrollToTopFree En knapp som tar leserne tilbake til toppen.Klar til å bygge med RayCraft?
Start gratis, eller fortell oss om prosjektet ditt.
Kom i gang gratis