The explorer for the shadcn registry ecosystem.
[MiniDev UI] Luhn (mod 10) checksum, the check digit rule every major card number follows.
[MiniDev UI] A closing CTA section with a large lit headline and an inline email form whose button animates from idle to sending to a success check. Async onSubmit.
[MiniDev UI] Tailwind call to action banner with a heading, supporting text and a primary button that stacks on mobile and sits in a row on wider screens.
[MiniDev UI] A call to action card in Tailwind with soft accent glow layers, a title, optional description, a magnetic get started button and an outline button.
[MiniDev UI] Money input with a currency code prefix, decimal keypad on mobile and tabular numbers. Controlled via a string value to avoid rounding issues in React forms.
[MiniDev UI] A panel whose accent radial spotlight follows the cursor, driven by Framer Motion values without re-renders. It shows a still surface for reduced motion.
[MiniDev UI] Danger zone settings card with a red outline, a warning that the action cannot be undone and a destructive delete button. Put it last on settings pages.
[MiniDev UI] A React dashboard home screen with a page header and new project action, a KPI row with deltas, a 30 day active users bar chart and an activity feed.
[MiniDev UI] React data table with sortable columns, row selection, a floating bulk actions bar, hover row actions, sticky header, three densities and skeleton loading.
[MiniDev UI] Date picker built on the native date input, styled to match the rest of your form fields. Returns ISO date strings and supports disabled and labelled states.
[MiniDev UI] Start and end date range picker made from two labelled date inputs. Works controlled or uncontrolled and returns a from and to object for filters and reports.
[MiniDev UI] Account deletion step with a danger alert and a confirmation field: the delete button stays disabled until the user types DELETE. Guards against misclicks.
[MiniDev UI] Toggle group that switches between compact and comfortable density, reporting the choice to your handler. Pairs with data tables and dense list views.
[MiniDev UI] Semantic dl, dt and dd list of label and value pairs in a responsive two column grid with dividers. Good for record details and summaries in Tailwind apps.
[MiniDev UI] Wraps any React UI in a phone with notch, status bar and side buttons, or a browser window with a URL bar. Built from theme tokens for light and dark.
[MiniDev UI] Three device frames labelled mobile, app and docs that spring into a fanned, rotated stack when scrolled into view. Works as a hero or feature visual.
[MiniDev UI] Shadcn compatible modal dialog on Base UI with a blurred backdrop, enter and exit animation, close button, header, title, description and a footer bar.
[MiniDev UI] React code diff viewer that tints added lines green and removed lines red with plus and minus gutters, context lines and an optional filename header.
[MiniDev UI] A macOS style dock for React: icons magnify under the pointer with spring physics and show a label. Real buttons or links, keyboard reachable and labelled.
[MiniDev UI] A React docs landing page with an animated headline, docs search, get started and API buttons, a table of contents and scroll revealed code and callouts.
[MiniDev UI] A Tailwind documentation page layout with a table of contents sidebar, prose with anchored headings, a copyable install command and an info callout.
[MiniDev UI] Single value donut chart in SVG that fills an accent ring to a percentage of max and prints the percent in the middle. Labelled as an image for screen readers.
[MiniDev UI] A dot or grid background drawn as one SVG pattern, faded at the edges, with an optional accent glow that follows the pointer and lights the dots beneath it.
[MiniDev UI] Tailwind plan downgrade warning card with an amber border, a summary of what gets locked on the free plan, and Keep plan or Downgrade buttons.
[MiniDev UI] Bottom drawer that slides a sheet up from the screen edge with a titled header, close button and scrolling body, capped at 80% of the viewport height.
[MiniDev UI] Shadcn compatible dropdown menu on Base UI with groups, labels, checkbox and radio items, submenus, shortcuts, separators and destructive items.
[MiniDev UI] Small Tailwind due date chip with a calendar icon that switches to a red border and icon when overdue. Use it on task cards, tickets and boards.
[MiniDev UI] Inline editable title that looks like a large heading but is a text input. Use it for document, page or project names; works controlled or uncontrolled.
[MiniDev UI] Solid link button for email templates with a fixed height, padding and rounded corners. Uses an anchor so it survives email clients that strip buttons.
[MiniDev UI] Content card for transactional emails with an optional title and body text, inset from the email edges. Use it for receipts, codes and highlights.
[MiniDev UI] Email footer with your company address and Unsubscribe and Preferences links, centered on a muted background. Covers what marketing emails need at the end.
[MiniDev UI] Simple email header band that shows your brand name on a muted background with a bottom border. Sits at the top of the email layout in React templates.
[MiniDev UI] Email layout shell with a centered 560px column, rounded border and surface background. Compose it with the email header, cards, button and footer.
[MiniDev UI] Inbox style preview frame showing the sender and subject above the rendered email body. Handy for template galleries and email settings screens.
[MiniDev UI] A payment receipt email in a preview frame with a branded header, plan and tax line items, a bold total and a footer. A React starting point for billing mail.
[MiniDev UI] A React welcome email template in a preview frame with a branded header, intro copy, a call to action button, a quick start card and a standard footer.
[MiniDev UI] Compact emoji picker grid with a default set of twelve reactions or your own list, using listbox and option roles. Calls onSelect with the chosen emoji.
[MiniDev UI] No results state for search that echoes the query in the title and suggests trying another query or clearing filters. Built on the empty state component.
[MiniDev UI] Dashed empty state panel with an icon slot, title, description and an optional call to action button. Use it for first run screens and empty lists in React.
[MiniDev UI] Empty table placeholder with a dashed border, a No data yet title, helper text and an optional button to create the first row. For React tables.
[MiniDev UI] An empty workspace screen with a no projects empty state and new project action, plus follow up buttons to import from Git or invite teammates.
[MiniDev UI] An engineering console with an environment switcher, build pipeline, and tabs for commits, CI checks with coverage, a trace waterfall and code review.
[MiniDev UI] Uppercase environment badge for production, staging or development, with production outlined in red so live systems stand out in dev tools and consoles.
[MiniDev UI] React segmented control for switching between Dev, Staging and Prod environments, reporting the selected value. Fits dashboards, API consoles and deploy tools.
[MiniDev UI] React error state panel with an alert role, a title, explanation and an optional Try again button that calls your retry handler. For failed fetches.
[MiniDev UI] A week and day event scheduler with overlap layout, an all-day row, a current time line and click to create.
[MiniDev UI] Bordered Tailwind row that expands to reveal details on click, with a rotating chevron and aria-expanded. Can start open and takes any content.
[MiniDev UI] Settings card to request a data export, explaining what the JSON export includes and when it will be ready, with a Request export button.