The explorer for the shadcn registry ecosystem.
[MiniDev UI] Card wrapper for charts with a title, optional description and a minimum height body. Pairs with the area, bar and donut charts in a React dashboard.
[MiniDev UI] Wrapping chart legend with small color swatches and labels. Pass colors per series or fall back to accent, success, warning and danger theme tokens.
[MiniDev UI] Tooltip card for charts showing a title and label and value rows with tabular numbers. Drop it into any chart library's custom tooltip slot.
[MiniDev UI] A fixed height AI chat page in React with a header, a scrollable thread of user and assistant messages, and a prompt input pinned to the bottom.
[MiniDev UI] Scrolling chat thread for React that renders user, assistant and system messages as bubbles, auto scrolls to the newest one and uses a live log role.
[MiniDev UI] Shadcn style checkbox on Base UI with an animated check, indeterminate state, invalid and disabled styles, and an enlarged hit area for touch.
[MiniDev UI] Vertical wrapper that groups related checkboxes under role group with even spacing. Use it with Checkbox and labels for multi select settings.
[MiniDev UI] Tailwind order summary card listing line items and prices, a divided total row and a full width Pay now button. Fits the side column of a checkout.
[MiniDev UI] List of CI check runs with success, failed or running icons, monospaced job names and a status label. Looks like the checks section of a pull request.
[MiniDev UI] Single select filter chips in React that behave as a radio group, with an accent ring on the active chip. Good for quick filters above lists and tables.
[MiniDev UI] Selectable React card button with an icon, title and description, using aria-pressed and an accent outline when chosen. Suits plan pickers and onboarding.
[MiniDev UI] Inline citation button for AI answers, with an accent source number and label. Link it to a source panel or popover so users can check references.
[MiniDev UI] A full client pitch page chaining a kinetic hero, metric ticker, live component rail, product mock, proof panel, before and after wipe, FAQ and quotes.
[MiniDev UI] Flex layout primitive that wraps children in a row with vertical centering and a numeric gap on the 4px scale. Great for tags, buttons and meta rows.
[MiniDev UI] React code block with zero dependency syntax coloring, a language tag, optional filename and line numbers, and a copy button that confirms Copied.
[MiniDev UI] Editor style frame with a monospaced filename tab and a code area. Wrap snippets, editors or diffs so they read as a file in your React docs or app.
[MiniDev UI] Shadcn compatible collapsible on Base UI: a full width trigger that shows or hides a panel of content. Accessible expanded state and keyboard support.
[MiniDev UI] Sidebar with a toggle button on its edge that collapses it to a narrow rail and expands it again. The button label updates for screen readers.
[MiniDev UI] Swatch color picker with eight OKLCH presets, a ring on the selected swatch and listbox semantics. Works controlled or uncontrolled for theme or label colors.
[MiniDev UI] Columns dropdown for data tables with a checkbox item per column. It returns the updated list of visible column ids so you can show or hide table columns.
[MiniDev UI] Shadcn style combobox: a popover select with a filter input, check mark on the chosen item and an empty message. Built on Base UI popover for React.
[MiniDev UI] A React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.
[MiniDev UI] Command dialog that opens the command palette in a modal from a list of commands with labels and handlers. Wire it to a Cmd K shortcut in your React app.
[MiniDev UI] Row for command menus with a label, an optional keyboard shortcut in a kbd tag and an active highlight state. Use it to build custom command lists.
[MiniDev UI] Cmd K style command palette in a dialog with a search field that filters commands as you type, runs the chosen action and closes. Shows an empty state.
[MiniDev UI] A React terminal styled waitlist card with a join --email prompt, a required email input and a join button that confirms, springing into view on scroll.
[MiniDev UI] Comment box with a three row textarea and a Comment button that stays disabled until there is text. Submits the trimmed value and clears the field.
[MiniDev UI] Threaded React comment list with initials avatars, author name, timestamp and body in bordered bubbles. Pairs with the comment composer.
[MiniDev UI] A two column React checkout page with an editable cart line item, a shipping address form, and an order summary with subtotal, tax, total and a pay button.
[MiniDev UI] Git commit row for React with author avatar, commit message, relative time, a short SHA badge and a copy button for the hash. Fits deploy logs.
[MiniDev UI] Plan comparison table with features as rows and plans as columns, showing check or dash icons for booleans and text for values. Scrolls on mobile.
[MiniDev UI] A React button that bursts confetti from itself on click, with gravity, drag and spin on a temporary canvas. No library, and skipped for reduced motion.
[MiniDev UI] Destructive action confirm: a red trigger button opens a dialog with a title, warning text, Cancel and Confirm. Labels are configurable for deletes and resets.
[MiniDev UI] Tailwind settings row for a linked third party account showing the provider and account name, with a Disconnect button. For OAuth and integrations.
[MiniDev UI] Scrollable Tailwind console panel in monospace that prints log, warn and error lines with level labels. Uses a log role and is keyboard focusable.
[MiniDev UI] A contact sales page with an animated headline, a case study card and press quote on one side, and a work email, company and message form on the other.
[MiniDev UI] Responsive page container that centers content with side padding and a max width preset: sm, default, lg or full. The basic wrapper for Tailwind layouts.
[MiniDev UI] Small toggle chip for picking context in AI prompts or filters, with an active accent state and hover styling. Passes through all native button props.
[MiniDev UI] Right click context menu that opens at the cursor with menu items, including destructive items in red. Closes on selection or click outside, in React.
[MiniDev UI] Rounded pill for showing attached context, such as files or pages in an AI prompt, with a truncated label and an optional remove button.
[MiniDev UI] React chat history sidebar with a New chat button and a scrolling list of conversations showing title and relative time. Highlights the active chat.
[MiniDev UI] Floating React cookie consent card fixed to the corner, with a short notice and Accept and Reject buttons. It is a labelled dialog for assistive tech.
[MiniDev UI] React copy to clipboard button that writes a value, then swaps to a check icon and Copied label for a moment. Accepts every Button variant and size.
[MiniDev UI] Monospaced ID chip that copies its value to the clipboard on click and shows a check when done. Good for API keys, order IDs and record UUIDs.
[MiniDev UI] Promo code field with an Apply button and inline success or error messages. The demo validation is easy to replace with your own check in React.
[MiniDev UI] Test coverage bar with a label and percentage that turns green at 80, amber at 60 and red below. Exposed as a progressbar for screen readers.
[MiniDev UI] Inline form to name and create an API key, with a labelled input and a Create key button that passes the name to your handler. Pairs with the key list.
[MiniDev UI] Compact credit balance pill with a small label and a large tabular figure. Shows remaining credits or usage balance for AI and pay-as-you-go apps.