The explorer for the shadcn registry ecosystem.
[MiniDev UI] A search results panel with a query input, result count and a list of hits, each showing a monospace item name, a tier badge and a one line summary.
[MiniDev UI] Search field with a results list below it showing titles and optional subtitles, plus a No results state. Emits onSearch as you type so you can filter in React.
[MiniDev UI] Team seat manager card showing seats used out of the plan, an Invite button, and a member list with name, email and role badge. Built in React for billing.
[MiniDev UI] Masked secret field for API keys with an eye toggle to reveal or hide the value and a copy button for the full key. Monospace, compact, built with Tailwind.
[MiniDev UI] Tailwind section header with a title, optional muted description and a right-aligned actions slot that wraps on narrow screens. Use it above cards and tables.
[MiniDev UI] Segmented control with a raised thumb that springs between options, arrow, Home and End key support, icons, badges, three sizes and reduced motion support.
[MiniDev UI] Select dropdown on Base UI with a trigger in three sizes, an animated popup, groups, labels, separators, a check indicator and scroll arrows. Shadcn-compatible.
[MiniDev UI] Hairline separator on Base UI that draws a 1px rule horizontally or vertically, stretching to fill its container. A drop-in shadcn Separator for React layouts.
[MiniDev UI] 500 error state card with a danger outline, a short explanation, and Retry and Copy request id buttons so users can recover or reach support with context.
[MiniDev UI] Active sessions list showing each device and location, marking the current device and giving other sessions a Revoke button. A React account security block.
[MiniDev UI] Settings page layout with a 200px side nav column and a content area, plus a SettingsSection for titled groups divided by hairlines. Tailwind grid based.
[MiniDev UI] A React settings page combining a profile form, theme picker, notification preferences and a danger zone for destructive actions under one header.
[MiniDev UI] Slide-out sheet from the left, right, top or bottom with a backdrop, a titled header, a close button and a scrollable body, rendered as a modal dialog in React.
[MiniDev UI] A React call to action with a slow band of light sweeping across it, a lit top edge and a press state. Ink or accent tone, renders as a button or a link.
[MiniDev UI] A card whose border is a band of coloured light sweeping around it, masked to the border ring so the content is untouched.
[MiniDev UI] Shipping address form with full name, street address, city and postal code fields, each with the right autocomplete attribute for browser autofill at checkout.
[MiniDev UI] Keyboard shortcut cheat sheet listing actions next to their key combinations rendered as Kbd keycaps. Pass your own rows or use the default command palette set.
[MiniDev UI] App sidebar shell with a collapsed icon-only width and SidebarNavItem buttons that show icons, truncated labels and an active state. Built with Tailwind.
[MiniDev UI] Sidebar section that groups nav items under an optional small uppercase heading with tight spacing. Stack several inside the Sidebar to organize app navigation.
[MiniDev UI] Draw a signature with mouse, pen or finger on a canvas with pressure aware strokes, undo and clear, a typed name fallback and PNG export for forms.
[MiniDev UI] A centered Tailwind sign in page in an auth card with social login buttons, email and password fields, a full width submit and a sign up link in the footer.
[MiniDev UI] Create account form with GitHub and Google buttons, required name, email and password fields, a submit button and a Sign in link, all inside an AuthCard.
[MiniDev UI] Tailwind skeleton loader with a sunken plate and a soft sheen that sweeps every 1.6s, plus a SkeletonCard preset with title, text lines and a media block.
[MiniDev UI] Skip to content link that stays visually hidden until focused, then appears fixed in the top corner so keyboard users can jump past navigation in any React app.
[MiniDev UI] React slash command menu that filters commands by the typed query, shows each as /name with an optional hint, and falls back to a No commands message.
[MiniDev UI] Slider on Base UI with a hairline rail, a keycap thumb, a value bubble while dragging, optional labelled marks, Intl number formatting and vertical support.
[MiniDev UI] Two-column row of Continue with GitHub and Continue with Google buttons with click handlers, ready to sit above email fields on sign in and sign up screens.
[MiniDev UI] Social proof row of up to five overlapping avatars with initials fallback, next to a count label like 2,000 teams. Built in React for landing page heroes.
[MiniDev UI] A testimonial wall with a logo marquee that pauses on hover and three columns of quote cards drifting at different speeds, with metric chips and edge fades.
[MiniDev UI] A stack of three offset cards that spring up into a layered, slightly scaled pile when scrolled into view. A compact depth visual for feature sections.
[MiniDev UI] Sortable table header button that shows an up, down or neutral arrow for the current sort direction and calls onToggle on click. Pairs with any Tailwind table.
[MiniDev UI] Drag to reorder a list in React with Motion Reorder, plus Arrow key reordering from the handle and polite announcements of every move for screen readers.
[MiniDev UI] Citation source card for AI answers showing a title, a source badge, the truncated URL and a short snippet. List references under a generated response.
[MiniDev UI] Headline text with four point stars that twinkle around it in your accent colors. The sparkles are decorative and hidden; the text stays plain and readable.
[MiniDev UI] Responsive grid of metric cards, each with a label, value, delta chip and a small area chart sparkline. Good for a KPI overview at the top of a React dashboard.
[MiniDev UI] Loading spinner in sm, default and lg sizes with role status and an accessible Loading label. Drop it into buttons, cards or full page states in a Tailwind app.
[MiniDev UI] Split button with a primary action and a chevron that opens a dropdown of secondary actions, including destructive items. The menu matches the button width.
[MiniDev UI] Split-flap display that flips each character through the alphabet like a departure board, with a column ripple, tones, sizes and reduced motion support.
[MiniDev UI] Static two-column split pane that stacks on mobile and sits side by side from md up, with a hairline divider. Handy for compare views and editor previews.
[MiniDev UI] A two column proof section with a badge, pitch copy and checklist on one side, and key facts on gallery, registry and quality gates rising in on the other.
[MiniDev UI] SQL query result table with uppercase column headers, monospace cells and horizontal scroll for wide results. Built for database consoles and admin tools.
[MiniDev UI] SSO provider card with a name, description, Configured or Not set badge, an enable switch and a Configure button. A React block for SAML and OIDC settings.
[MiniDev UI] Vertical stack layout primitive that arranges children in a flex column with a gap prop from 1 to 8 on a 4px scale. Accepts all normal div props in React.
[MiniDev UI] Stacked bar chart that splits each column into colored series segments with hover titles, category labels underneath and a series legend. Uses chart CSS tokens.
[MiniDev UI] Three story cards that rise and overlap into a stack on wider screens as they scroll into view, falling back to a simple vertical list on mobile.
[MiniDev UI] Stack trace block that shows an error trace in a monospace pre with a danger tint and scroll for long output. Useful in error pages, logs and debug panels.
[MiniDev UI] React stat card with a label, optional icon, a large tabular value and a delta chip colored by its sign, with invertDelta for metrics like churn or latency.
[MiniDev UI] A single stat that counts up from zero to its value once it is in view, with a label below. Combine several in a row for landing page metrics.