ClickorKeyboard shortcut Alt + L

Dragto resize

Nord Design System SearchDeveloperDeveloperGetting startedUsing Web ComponentsWebfontsCDNLocalizationCSS Framework Legacy ESLint PluginWorking with AIWorking with AILLMs.txtAgent SkillsFAQDesignDesignGetting startedFoundationsAccessibilityColor SystemColor UtilitiesPrinciplesFigma ToolkitGridIconographyNamingNordhealth BrandTypographyBrand assetsToolsComponentsComponentsAccordion New Aside New Autocomplete New AvatarBadgeBannerButtonButton GroupCalendarCardCheckboxCollapsible New Combobox New Command MenuDate PickerDate Range Picker New DividerDrawerDropdownEmpty StateField New FieldsetFooterHeaderIconInputInput Group New Item New Kbd New LayoutMessageMeter New ModalNavigationNotificationNumber Field New Otp Field New Outline New Overflow List New Pagination New PopoutProgressProgress BarQrcodeRadioRangeResizable New Scroll Area New Segmented ControlSelectSkeletonSpinnerStackTabTableTagTextareaTime Picker New Timestamp New ToastToggleTooltipTop BarTruncate New Visually HiddenDesign TokensDesign TokensTailwind CSSTailwind CSSBlocksBlocksTemplatesTemplatesIconsIconsPlaygroundPlaygroundThemesThemesLatest UpdatesLatest UpdatesChangelogChangelogMigration guidesMigration guides
GitHub

Clickto expandKeyboard shortcut Alt + L

Blocks

Ready-made, copy-paste UI sections built from Nord components — larger than a single component, smaller than a full template. Pick one to see the full preview and copy the markup.

All DashboardSchedulingConsultationCommunicationPatient & clientBillingFormsOnboardingAuthenticationLayout

Dashboard

Scheduling

Consultation

Communication

Patient & client

Billing

Forms

Onboarding

Authentication

Layout