Components Copy Link Open in ChatGPT Open in Claude Open in v0 Browse the Bootstrap-native primitives and documented Moo UI extensions that make up the public package. Components Utilities Clear filters Grid view List view Components Accordion Reveal one section of content at a time using Bootstrap's Collapse plugin. Alert Surface a contextual message with Bootstrap's native alert region. Alert Dialog A modal dialog that interrupts the user with important content and expects a response, built on Dialog's static-backdrop option. Avatar Represent people, teams, or accounts with a compact image or initials fallback. Badge Add compact labels, counts, and statuses with Bootstrap's native badge component. Breadcrumb Indicate the current page's location within a hierarchy using Bootstrap's native breadcrumb list. Button Use Bootstrap button styles for reliable production actions: publish, review, and move work forward. Button Group Join related controls into one compact action surface. Card Display a structured surface with a header, body, and optional footer. Chart Render Bootstrap-token-themed charts with Chart.js-native area, line, bar, pie, doughnut, polar, radar, scatter, and bubble types. Checkbox Toggle a single option using Bootstrap's native checkbox contract. Close Button Dismiss alerts, dialogs, and other transient content with Bootstrap's native .btn-close. Collapsible Reveal secondary details in place with documented Button markup and Bootstrap's Collapse behavior. Combobox Autocomplete input for selecting one or more items from a suggestion list. Context Menu A right-click menu built on Bootstrap's documented dropdown-menu surface, with Moo UI owning only the pointer/keyboard invocation Bootstrap does not provide. Data Table Build live server-rendered work queues with search, facets, sorting, selection, bulk actions, column visibility, pagination, and responsive card views. Date Picker Select single dates and ranges with a button trigger, popover, and keyboardable calendar. Dialog A window overlaid on the page, built from Bootstrap's own Modal plugin and auto-initialized through its data attribute API. Dropdown Menu Collect contextual actions in one compact surface using Bootstrap's native dropdown behavior and placement. Empty Explain an empty collection with a quiet dashed boundary and an optional next action. Field Compose the ready Input, Textarea, Native Select, Checkbox, Radio Group, and Switch controls into accessible, label-first fields using Bootstrap-native validation and semantic grouping. Form Build complete Bootstrap forms from native form and fieldset markup, visible labels, descriptions, validation feedback, and documented Field components. Input A native input primitive with Bootstrap form semantics for labeled, helper-aware, and validated fields. Input Group Add icons, text, buttons, and helper content to inputs with Bootstrap's native grouping behavior. Kbd Show keyboard shortcuts as readable command keys in concise operator and editor workflows. Menubar A bordered toolbar row that groups several documented Bootstrap Dropdown Menu contracts. Native Select Choose one value from native option menus in admin forms. Navigation Create compact, semantic navigation surfaces with Bootstrap-native nav patterns for app shells. Pagination Navigate paged results with native Bootstrap pagination controls. Popover Add compact, contextual details to workflow actions with Bootstrap's native popover behavior. Progress Show the completion progress of a task using Bootstrap's native progress bar. Radio Group Let users choose one option from a related set using native Bootstrap radio controls. Separator Split admin workflows and list sections with Bootstrap-native separators. Sheet A side panel that slides from the viewport edge using Bootstrap's Offcanvas behavior. Sidebar Compose a Sidebar surface from Bootstrap-native header, content, footer, menu, disclosure, action, badge, and loading-row primitives. Skeleton Show loading structure with Bootstrap-native placeholders so lists, cards, and tables stay stable while data fetches. Slider Select single values and ranges with native range input semantics, shadcn-like track/thumb styling, and optional value output. Spinner Show an indeterminate loading state using the same loader-circle icon as the reference, spun with Bootstrap's own animation. Switch Activate feature flags and settings with Bootstrap's native form-switch control. Table Display related rows and columns with Bootstrap's native, responsive table markup. Table of Contents Navigate document sections with list and compact presentations and optional current-section tracking. Tabs Switch between compact operational views with Bootstrap's native tab behavior. Textarea Use multiline input with Bootstrap-native textarea semantics for status notes, messages, and review context. Toast Surface short operational updates that should stay visible long enough to be noticed. Toggle Group Group related toggle buttons using Bootstrap's native checkbox and radio button-check contract. Tooltip Show compact context hints for controls and actions on hover or keyboard focus with Bootstrap's native tooltip plugin. Typography Align headings, labels, and body copy with Bootstrap's utility-first text semantics and Moo UI tokenized roles. Utilities Ready Border Reusable behavior that supports the component catalog without becoming a component. Open Ready Scroll Fade Reusable behavior that supports the component catalog without becoming a component. Open Examples Accordion