Accordion

Accordion brukes for å vise og skjule informasjon, men bare en kan være åpen om gangen.

Alert

Alert informerer brukere om viktige hendelser.

Avatar

Avatarer brukes for å representere en person eller en bedrift i grensesnittet.

Badge

Badges brukes for å informere brukeren om status på spesifikke data.

Breadcrumbs

Breadcrumbs hjelper brukeren å navigere rundt på nettsiden.

Browser Mockup

Browser mockup viser en boks som ser ut som et nettleservindu.

Button

Buttons lar brukeren utføre handlinger eller ta valg.

Calendar

Calendar lar brukeren velge dato.

Card

Cards brukes for å gruppere og vise innhold på en måte som er lett leselig.

Carousel

Carousel viser bilder eller innhold i et skrollbart område.

Chat Bubble

Snakkebobler brukes for å vise en linje med samtale, inkludert bilde, forfatter, tid osv.

Checkbox

Checkboxes brukes for å skru en verdi av og på.

Code Mockup

Code mockup brukes for å vise en block med kode i en boks som ser ut som en editor.

Collapse

Collapse brukes for å vise og skjule innhold.

Countdown

Countdown gir en overgangseffekt når du endrer en tall mellom 0 og 99.

Diff

Diff viser en side-om-side sammenlikning mellom to ting.

Divider

Divider brukes for dele innhold vertikalt eller horisontalt.

Dock

Dock er et UI-element som gir navigasjonsmuligheter til brukeren. Fester seg til bunnen av skjermen.

Drawer

Drawer er en grid-layout som viser/skjuler en sidebar på venstre eller høyre side.

Dropdown

Dropdown kan åpne meny eller andre elementer når en knapp blir klikket på.

Fieldset

Fieldset gruperer relaterte elementer. Inkluderer legend som tittel og label som beskrivelse.

File Input

File Input er et inputfelt for opplasting av filer.

Filter

Filter er en gruppe med radioknapper. Valg av en vil skjule de andre og vise en nullstillknapp.

Footer

Footer kan inneholde logo og lenker.

Hero

Hero er en komponent for å vise en stor boks eller bilde med tittel og beskrivelse.

Indicator

Indicator brukes til å plasere et element i hjørnet av et annet element.

Join

Join er en kontainer for å gruppere elementer. Kan brukes til knapper, inputfelter osv.

Kbd

Kbd brukes for å vise tastatursnarveier.

Label

Label brukes til å gi et inputfelt en tittel.

Link

Link legger til en underline på lenker.

List

List er ne vertical layout for å vise informasjon i rader.

Loading

Loading viser en animasjon for å indikere at noe lastes.

Mask

Mask kutter innhold til forskjellige former.

Menu

Menu brukes for å vise liste av lenker vertikalt eller horisontalt.

Modal

Modal brukes for å vise en dialog eller en boks når bruker klikker på en knapp.

Navbar

Navbar brukes for å vise en navigasjonsbar på toppen av siden.

Pagination

Pagination er en gruppa av knapper som tillater brukeren å navigere mellom et sett med relatert innhold.

Phone Mockup

Phone Mockup viser en mockup av en iPhone.

Progress

Progress kan brukes til å vise hvor langt en oppgave har kommet.

Radial Progress

Radial Progress kan vis hvor langt en oppgave har kommet.

Radio

Radioknapp lar brukeren velge en ting i et sett.

Range Slider

Range Slider brukes for å velge en verdi ved å dra i et håndtak.

Rating

Rating er et sett med radioknapper som lar brukeren gi noe en rating.

Select

Select brukes for å velge en verdi fra en liste av valg.

Skeleton

Skeleton er en komponent som kan brukes til å vise innlastingstilstand for en annen komponent.

Stack

Stack putter elementer visuelt over hverandre.

Stat

Stat brukes til å vise tall og data i en blokk.

Status

Status er et lite ikon som viser status på et element.

Steps

Steps kan brukes for å vise en liste med steg i en prosess.

Swap

Swap lar deg velge visning mellom to elementer.

Table

Table kan brukes for å liste ut data i tabellformat.

Tabs

Tabs kan brukes til å vise en liste av lenker i tabformat.

Text Input

Text Input er et enkelt inputfelt.

Textarea

Textarea lar brukeren skrive inn tekst over flere linjer.

Theme Controller

Theme Controller lar deg styre temaet på siden ved hjelp av radioknapper.

Timeline

Timeline viser en liste av eventer i kronologisk rekkefølge.

Toast

Toast er en wrapper for å putte elementer i hjørnet av siden.

Toggle

Toggle er en checkbox som er stilet som en bryter.

Tooltip

Tooltip kan brukes for å vise en melding når muspekeren er over et element.

Validator

Validator endrer fargen til formelementer til suksess eller feil basert på feltets valideringsregler.

Window Mockup

Window mockup viser en boks som ser ut som et operativsystemvindu.