blode/ui
blode.coFreerepo only
UI Library for Design Engineers
Items
85
2026-08-03Every entry in its own registry.json, counted last night.Free to install
85
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
3 days ago
3 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | A vertically stacked set of interactive headings that reveal or hide associated content. | Components | Free | 2 deps | |
| Alertalert | A callout that displays a short, important message to attract attention. | Components | Free | no deps | |
| Alert Dialogalert-dialog | A modal dialog that interrupts the user with important content and expects a response. | Components | Free | 1 dep | |
| Ask User Questionsask-user-questions | A stepped questionnaire with single- or multi-select options, free-form answers, and skip. | Components | Free | 1 dep | |
| Aspect Ratioaspect-ratio | A component that maintains a consistent width-to-height ratio. | Components | Free | 1 dep | |
| Attachmentattachment | A card for files and images with upload, processing, error, and done states, an optional full-card trigger, and a scrollable group. | Components | Free | 1 dep | |
| Autocompleteautocomplete | An input that suggests matching values while typing. | Components | Free | 1 dep | |
| Avataravatar | An image element with a fallback for representing the user. | Components | Free | 1 dep | |
| Badgebadge | A small status indicator for labelling and categorising items. | Components | Free | 1 dep | |
| Bar Listbar-list | A compact comparison list that visualises values as horizontal bars. | Components | Free | no deps | |
| Breadcrumbbreadcrumb | A navigation aid that shows the current page location within a hierarchy. | Components | Free | 1 dep | |
| Bubblebubble | A message surface for chat interfaces, with variants, alignment, reactions, and composable content. | Components | Free | 1 dep | |
| Buttonbutton | An interactive element that triggers an action when clicked. | Components | Free | 1 dep | |
| Button Groupbutton-group | A container that groups related buttons together with shared styling. | Components | Free | no deps | |
| Calendarcalendar | A date field component that allows users to pick dates. | Components | Free | 2 deps | |
| Cardcard | A container for grouping related content and actions. | Components | Free | no deps | |
| Carouselcarousel | A slideshow component for cycling through a set of content. | Components | Free | 1 dep | |
| Chat Messagechat-message | A chat transcript entry for user and assistant messages, with attachments and a hover meta row. | Components | Free | 1 dep | |
| Checkboxcheckbox | A control that allows the user to toggle between checked and unchecked states. | Components | Free | 1 dep · 2 files | |
| Checkbox Groupcheckbox-group | A grouped set of related checkboxes managed with shared state. | Components | Free | 1 dep | |
| Circular Progresscircular-progress | A circular indicator that shows the progress of a task. | Components | Free | no deps | |
| Collapsiblecollapsible | An interactive component that expands and collapses a panel of content. | Components | Free | 1 dep | |
| Comboboxcombobox | An autocomplete input that combines a text field with a filterable dropdown list. | Components | Free | 2 deps | |
| Commandcommand | A command palette for fast, keyboard-driven searching and navigation. | Components | Free | 1 dep | |
| Context Menucontext-menu | A menu that appears on right-click, providing contextual actions. | Components | Free | 1 dep | |
| Copy Buttoncopy-button | A button that copies text to the clipboard with animated feedback. | Components | Free | 2 deps | |
| Currency Inputcurrency-input | A formatted input field for entering monetary values. | Components | Free | 2 deps | |
| Dialogdialog | A modal window that overlays the main content and requires user interaction. | Components | Free | 1 dep | |
| Directiondirection | A context provider for managing text direction (LTR/RTL) across components. | Components | Free | 1 dep | |
| Drawerdrawer | A panel that slides in from the edge of the screen. | Components | Free | 1 dep | |
| Dropdown Menudropdown-menu | A menu that opens from a trigger button, displaying a list of actions. | Components | Free | 1 dep | |
| Emptyempty | A placeholder displayed when there is no content or data to show. | Components | Free | no deps | |
| Fieldfield | A form field wrapper that pairs a label, input, and helper text. | Components | Free | no deps | |
| File Thumbnailfile-thumbnail | A square preview tile for an attached file — an image thumbnail or a file icon with name. | Components | Free | no deps | |
| Formform | A form component with validation powered by React Hook Form and Zod. | Components | Free | 4 deps | |
| Hover Cardhover-card | A popup card that appears when hovering over a trigger element. | Components | Free | 1 dep | |
| Inputinput | A text input field for capturing user data. | Components | Free | 1 dep | |
| Input Groupinput-group | A wrapper that combines an input with addons like icons or buttons. | Components | Free | no deps | |
| Input Messageinput-message | A chat composer with an auto-resizing textarea, action slots, a send button, and drag-and-drop attachments. | Components | Free | 2 deps | |
| Input OTPinput-otp | A one-time password input with individual character fields. | Components | Free | 1 dep | |
| Itemitem | A flexible list item component for menus, settings, and data rows. | Components | Free | 1 dep | |
| Kbdkbd | A styled keyboard key indicator for displaying shortcuts and key combinations. | Components | Free | no deps | |
| Labellabel | An accessible label that associates text with a form control. | Components | Free | 1 dep | |
| Markermarker | A compact inline status line for activity feeds and transcripts, with optional icon, separator, and border variants. | Components | Free | 1 dep | |
| Menubarmenubar | A horizontal menu bar with dropdown menus, commonly used for application navigation. | Components | Free | 1 dep | |
| Messagemessage | A row primitive for chat transcripts, pairing an avatar with content, header, and footer, aligned to the start or end. | Components | Free | no deps | |
| Message Scrollermessage-scroller | A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message. | Components | Free | 1 dep | |
| Metermeter | A meter that shows a scalar value within a bounded range. | Components | Free | 1 dep |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Use Copy To Clipboarduse-copy-to-clipboard | A hook that copies text to the clipboard and resets after a timeout. | Utilities | Free | no deps | |
| Use Mobileuse-mobile | A hook that detects whether the viewport matches a mobile breakpoint. | Utilities | Free | no deps | |
| Use Tab Observeruse-tab-observer | A hook that observes and tracks the active tab indicator position. | Utilities | Free | no deps | |
| Utilsutils | Utility functions including cn() for merging Tailwind CSS classes. | Utilities | Free | 2 deps |
Other
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Blode UIblode | Blode UI design-system base built on Base UI. | Other | Free | 4 deps |
