Pick a component to start

Buttons, icon buttons, button groups, FABs.

• Buttonactions.button
• Icon buttonactions.iconButton
• Loading buttonactions.loadingButton
• Button groupactions.buttonGroup
• Split buttonactions.splitButton
• Toggle buttonactions.toggleButton
• Dropdown buttonactions.dropdownButton
• Floating action buttonactions.fab

Text fields, switches, sliders, file uploads.

• Text fieldinputs.textField
• Text areainputs.textArea
• Search fieldinputs.searchField
• Checkboxinputs.checkbox
• Radio groupinputs.radioGroup
• Switchinputs.switch
• Selectinputs.select
• Sliderinputs.slider
• OTP inputinputs.otpInput

Top nav, sidebars, tabs, breadcrumbs, command palettes.

• Tabsnavigation.tabs
• Breadcrumbsnavigation.breadcrumbs
• Paginationnavigation.pagination
• Steppernavigation.stepper
• Top navigationnavigation.topNav
• Sidebarnavigation.sidebar
• Bottom navigationnavigation.bottomNav

KPI cards, charts, data tables, activity feeds.

• KPI carddata.kpiCard
• Stat widgetdata.statWidget
• Activity feeddata.activityFeed
• Timelinedata.timeline
• Data tabledata.dataTable

Toasts, alerts, banners, skeletons, progress bars.

• Alertfeedback.alert
• Toastfeedback.toast
• Empty statefeedback.emptyState
• Skeletonfeedback.skeleton
• Progressfeedback.progress
• Confirm dialogfeedback.confirmDialog

Modals, drawers, tooltips, popovers, context menus.

• Modaloverlays.modal
• Draweroverlays.drawer
• Sheetoverlays.sheet
• Popoveroverlays.popover
• Tooltipoverlays.tooltip
• Context menuoverlays.contextMenu

Composable CMS sections — hero, feature grid, pricing, FAQ.

• Heroblocks.hero
• Feature gridblocks.featureGrid
• Pricing tableblocks.pricingTable
• FAQblocks.faq
• Call to actionblocks.cta
• Rich textblocks.richText