Flux UI

Get started

  • Introduction
  • Installation
  • Theming
  • Guidelines

Foundations

  • Overview
  • Design tokens
  • Color palette
  • Typography
  • Spacing
  • Grid
  • Motion
  • Content

Patterns

  • Overview
  • Dashboard shell
  • Forms & fields

Components

All
DocsComponents

Components

Here you can find the primitives shipped in @flux/ui. Each page includes a live preview, install reminder, and copy-paste examples — similar to the shadcn/ui components directory, with Flux tokens and styling.

All components

AccordionAlertAvatarAvatar tagBadgeBlanketBreadcrumbsButtonButton groupCalendarCalloutCardChartChart templatesCheckboxCheckbox selectCodeColumn managerCommandCopyable cellCountry selectCurrency amount inputData card listData tableData table cardDate pickerDialogDrawerDropdown menuEmpty stateFieldFilter chipsFlagFormHeadingIcon buttonInline dialogInline editInputInput groupLayout primitivesLozengeMenuOTP inputPage headerPaginationPassword inputPopoverProgressProgress indicatorRadioResponsiveRotating search inputScroll areaSection messageSelectSeparatorSide navSingle selectSkeletonSliderSonnerSpinnerSpotlightStatus badgeSwitchTabsTagTextTime pickerTooltipVisually hidden

Roadmap

More primitives (sheet, checkbox, combobox, command menu, …) land as we promote them from product. Follow the monorepo or open an issue on GitHub to request a component.

On this page

  • All components
  • Roadmap

Ship with Flux UI

Install with npm and own the source in your repo.

Installation