79 components
grouped by layer, because the layer decides how loud a thing is allowed to be. 36 primitives and 27 patterns that recede and structure, 6 sula that assert, and 8 atmospheres that are the room.
core · primitives36recedes
announcementAnnouncementavatarAvataravatar-groupAvatarGroupbadgeBadgebuttonButtoncalloutCalloutcardCardglow-cardGlowCardcheckboxCheckboxchipChipcode-snippetCodeSnippetcolor-fieldColorFielddialogDialogdrawerDrawerdropdown-menuDropdownMenuhint-popoverHintPopoverinputInputknobKnoblabelLabellistListloading-overlayLoadingOverlaylog-lineLogLinenotification-badgeNotificationBadgepopoverPopoverprogressProgressradioRadioradio-groupRadioGroupselectSelectskeletonSkeletonskeleton-groupSkeletonGroupskeleton-mirrorSkeletonMirrorsliderSliderspinnerSpinnerpage-loaderPageLoaderstat-chipStatChipswitchSwitchtabsTabsterminalTerminaltextareaTextareatoastToasttoasterToastertoggle-chipToggleChiptooltipTooltip
core · patterns27structures
bento-gridBentoGridbento-cardBentoCardbento-infoBentoInfobento-metricBentoMetricbento-textBentoTextcase-study-heroCaseStudyHerochecklist-cardChecklistCardcta-bannerCtaBannerdashboard-gridDashboardGriddisclosure-rowDisclosureRowempty-stateEmptyStateentity-cardEntityCardfeature-carouselFeatureCarouselfield-groupFieldGroupfooterFooterhero-splitHeroSplitmockup-showcaseMockupShowcasepage-headerPageHeaderpanelPanelprogress-rowProgressRowpullquotePullquoteroadmap-timelineRoadmapTimelinesection-headingSectionHeadingsection-labelSectionLabelsegmented-controlSegmentedControlstat-bentoStatBentostat-cardStatCardstep-chipsStepChipsstep-listStepListstripe-cardStripeCardtoolbarToolbar
core · motion2guides
sula6asserts
atmospheres8room