Accessible copy-paste UI components built on top of Base UI and Tailwind CSS.
coss.comParticles6kGet StartedStylingMigrating from RadixAccordionAlertAlert DialogAutocompleteAvatarBadgeBreadcrumbButtonCalendarCardCheckboxCheckbox GroupCollapsibleComboboxCommandContext MenuDate PickerDialogDrawerEmptyFieldFieldsetFormFrameGroupInputInput GroupKbdLabelMenuMeterNumber FieldOTP FieldPaginationPopoverPreview CardProgressRadio GroupScroll AreaSelectSegmented ControlSeparatorSheetSkeletonSliderSpinnerSwitchTableTabsTextareaToastToggleToggle GroupToolbarTooltipuseMediaQueryuseCopyToClipboardcoss.com originAPI ReferenceUsageAccordionItemAccordionTriggerAccordionPanelExamplesSingle AccordionMultiple AccordionControlled Accordioncoss.com uiCal.comWhat is Base UI?How do I get started?Can I use it for my project?Base DialogAccessible DropdownModern SelectSegmented TabsTooltip Popover
coss ui is a modular collection of accessible, copy-paste React components powered by Base UI primitives and Tailwind CSS styling. Designed for developer ergonomics, it pairs Base UI's robust unstyled interaction logic with crisp, modern typography and dark mode presets.