Open-source React design system with 114+ accessible components matching Figma 1:1.
Included Components
91
TokensButtonBadgeIcon ButtonCardAvatarAlertAccordionDividerLinkKbdInputTextareaSelectComboboxCheckboxRadioSwitchSliderSegmented ControlFile UploadLabelSidebarTop BarMenuBreadcrumbPaginationStepperPopoverFilter ChipModalNotificationsActivity FeedProgress StepsFinanceCode SnippetAvatar UploadTagsSection HeadingRich TextBlog ListingTeam CardsMarketing ElementsMobile NavigationProduct CardProduct OptionsProduct GalleryCartStar RatingToastTooltipProgressSpinnerSkeletonEmpty StateTableTabsStat CardList ItemBoard CardChatCalendarLine ChartArea ChartBar ChartPie ChartDonut ChartRadial ChartRadar ChartFunnel ChartHeatmap ChartCRM DashboardData TableKanban BoardApp ShellPanels & FlowsAuthenticationMarketing SectionsContent SectionsE-commercePricing TableBillingBilling AddressNextBadgeVariantsSizesWith iconsLoadingPropsDropdownTheme Switcher
Sakani is an open-source React design system engineered to bridge design and code with zero redlines. It features over 114 accessible components built on semantic tokens and 41 production-ready layout blocks across dashboards, analytics, and settings. With full Figma token alignment, CSS variable theming, and built-in dark mode, it allows developers and designers to build consistent user interfaces rapidly.
