Skip to main content

rc-webcomponents

Themeable web components that enhance native HTML controls and implement APG patterns where they apply.

Accessible by default

Components implement relevant WAI-ARIA patterns with keyboard support, focus management, and screen reader behavior.

Design-system neutral

No imposed colors, fonts, or spacing. Components fit plain HTML pages and design systems.

Progressive enhancement

Native controls remain in the DOM so forms, labels, and assistive technology keep working before upgrade.

Packages

PackageDescription
rc-buttonProgressive-enhancement wrapper for native buttons or anchors
rc-cardVertical and horizontal structural card shell
rc-carouselNative scroll-snap carousel with optional navigation and pagination
rc-page-turnerOne page at a time from a stack of light-DOM pages, turned with a compositor-only page flip
rc-scrollerNative scroll region with optional content and fullbleed layout
rc-virtual-scrollerHeadless virtualization wrapper reporting the visible index range for a consumer-owned list or grid
rc-listShared-column list rows with native-backed selection
rc-chipChip wrapper for native actions, links, filters, and inputs
rc-chip-groupAdaptive wrapping and scrolling layout for chip collections
rc-selectSelect-only combobox backed by native <select>
rc-listboxListbox with light-DOM options and active-descendant navigation
rc-comboboxEditable combobox with filtering and optional allow-create behavior
rc-switchSwitch wrapper for native <input type="checkbox">
rc-segmented-buttonSegmented button group backed by native radio inputs
rc-search-barSearch field/view wrapper for native <input type="search">
rc-fieldAccessible field wrapper for a native input or textarea with labels and supporting text
rc-app-barApp bar modeled after Material 3 Top app bar
rc-navigation-barBottom navigation layout for native links
rc-navigation-railNavigation rail layout for native links
rc-fabSticky floating action button modeled after Material 3 FAB
rc-fab-menuFloating action button menu for rc-menu actions
rc-sliderSingle-thumb slider backed by native <input type="range">
rc-range-sliderTwo-thumb range slider backed by native range inputs
rc-breadcrumbsBreadcrumb trail enhancer for a native <nav> and ordered list of links
rc-data-tableSortable-header enhancer for a native <table>
rc-paginationPagination enhancer for a native <nav> holding page links or buttons
rc-progressNative <progress> enhancement with formatted and indeterminate states
rc-textareaTextarea wrapper with line decorations, folding actions, and plugin hooks
rc-transfer-listTransfer list enhancing native <select multiple>
rc-menuMenu popup for command surfaces
rc-adaptive-menuPriority-aware action toolbar that preserves authored controls while moving lower-priority actions into an overflow menu
rc-menu-buttonTrigger button that opens an rc-menu popup
rc-menubarMenubar coordinator for rc-menu-button children
rc-toolbarToolbar that groups controls into one tab stop
rc-splitterResizable pane splitter with pointer and keyboard controls
rc-dialogDraggable, resizable wrapper for native <dialog>
rc-bottom-sheetModal bottom-sheet wrapper for native <dialog>
rc-snackbarSnackbar live-region host for brief status messages
rc-popoverAnchored non-modal surface around a native trigger and consumer-owned content
rc-tooltipTooltip wrapper for a consumer-owned trigger and descriptive content
rc-disclosureDisclosure wrapper for native <details>/<summary>
rc-accordionAccordion coordinator for native <details> panels
rc-virtual-canvasScrollable virtual canvas for large coordinate spaces
rc-markdown-editorRich/source Markdown editor backed by rc-textarea
rc-theme-materialMaterial 3 CSS theme and token bridge
rc-theme-substrateLightweight CSS reference theme for app layouts
rc-theme-tailwindTailwind CSS v4 token bridge and calm SaaS theme
rc-theme-win31Windows 3.1 era CSS theme and token bridge