NarayaLive Docs

ComponentsShells

KR

Kei Ryusaki

team@naraya.ai

Navigation

Get Started

IntroductionInstallationTheming & TokensBilingual Setup

Foundations

TypographyColorsSpacingRadius & ShadowMotion

Layout

BoxStackInlineContainerGridDivider

Typography

Forms

ButtonOKInputTextareaLabelFieldCheckboxRadioSwitchSelectFile Upload

Feedback

AlertSpinnerProgress BarSkeletonTooltipPopoverToastDialogBranded LoaderLoading Overlay

Data Display

CardStat CardBadgeAvatarTabsAccordionTableTree ViewTimelineEmpty StatePagination

Navigation

TopbarSidebarApp Launcher

Layout Shells

Topbar LayoutNEWSidebar LayoutNEWSplit LayoutNEW

Advanced

Command PaletteNEWComboboxDate Picker

Data TableRich Text EditorBETA

Brand

LogoTheme MenuLang Toggle

Page Templates

Landing (Topbar)NEW

Dashboard (Sidebar)NEW

POS / Cashier (Split)NEWPrint Receipt

Auth PagesSettings Page

Email TemplateEmpty/Error States

Page Templates /

new

Settings Page

Settings page berbasis tabs (Account, Security, Billing, Notifications).

Preview

© 2026 Naraya Design System

Built with Next.js + Tailwind CSS v3