SSonoJSSonoJS
DocsComponentsBlocksCharts
  • Introduction
  • Direction (RTL / LTR)
  • AccordionAlertAlert DialogAttachmentAvatarBadgeBreadcrumbBubbleButtonButton GroupCalendarCardCarouselCheckboxCode BlockCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMarkerMenubarMessageMessage ScrollerNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToggleToggle GroupTooltipTrace

Introduction

Init once for the design system, then add components one at a time — you own the source.

1. Init design system
npx @sonojs/ui@latest init
2. Add a component
npx @sonojs/ui@latest add button
Browse componentsBlocks
SonoJS — component library docs