The explorer for the shadcn registry ecosystem.
[MiniDev UI] A poster scale typography hero in React whose three headline lines rise from masks in turn, with an eyebrow, supporting copy and a magnetic CTA.
[MiniDev UI] A split hero with headline and copy on the left and a product card on the right whose bar chart grows into place on load. Suits launch and docs homes.
[MiniDev UI] A launch hero with a pulsing eyebrow, blur-in headline with a cursor lit second line, two actions, a proof line and a product visual that tilts into place.
[MiniDev UI] A centered hero whose headline cycles through rotating words such as dashboards and AI apps with a slide transition. Rotation pauses for reduced motion.
[MiniDev UI] A lightweight horizontal bar chart where each row shows a label, a rounded bar scaled to the largest value and the number. No chart library, just Tailwind.
[MiniDev UI] A horizontally scrolling rail of tagged product cards that slide in and lift on hover. The rail is a focusable, labelled region for keyboard scrolling.
[MiniDev UI] A card that appears below a trigger on mouse hover to preview extra detail such as a user profile or link summary. A light take on the shadcn hover card.
[MiniDev UI] Text that decodes itself: every character cycles through random glyphs and locks into place from left to right.
[MiniDev UI] A square React button for icon only actions in small, default and large sizes with every Button variant. Its aria-label prop is required, so it is always named.
[MiniDev UI] A sphere of icons that turns slowly in 3D, scales and fades with depth, and can be dragged to spin with inertia.
[MiniDev UI] Left edge in source pixels, measured on the image after `rotation`.
[MiniDev UI] A responsive photo grid of square tiles, two columns on mobile and three on larger screens, each image cropped to fill. Built with React and Tailwind.
[MiniDev UI] A clickable image thumbnail that opens a full screen modal of the picture with a dimmed backdrop and a close button. Handy for screenshots and product shots.
[MiniDev UI] A single image picker that starts as a drag and drop zone, then swaps to a large preview with a remove button. Returns an object URL and the File in React.
[MiniDev UI] A top of page bar telling support staff which user account they are viewing as, with an Exit button to end the session. Common in admin and support tools.
[MiniDev UI] A Tailwind inbox panel listing messages with sender, preview line and timestamp, a New badge on unread items, and a mark all read action in the header.
[MiniDev UI] A full width Tailwind status bar announcing an outage with minor, major and critical severity colors, the incident title and a link to your status page.
[MiniDev UI] Load the next page when a sentinel scrolls into view, with a loading row, an end of list message and a Load more button as the accessible fallback.
[MiniDev UI] An inline React message box in neutral, success, warning and danger tones with a matching icon, an optional title and body text. Announced with role alert.
[MiniDev UI] Click to edit table cell text: the value turns into an input on click, saves on Enter or blur and cancels on Escape. Built for editable React data grids.
[MiniDev UI] A two line code diff showing the removed line in red with a minus and the added line in green with a plus, in monospace. Suits AI edit suggestions.
[MiniDev UI] The base text input with sm, default and lg sizes and designed hover, focus, disabled, read only and invalid states. A drop in shadcn style input for React.
[MiniDev UI] A text input with leading and trailing slots for icons, units or buttons, sharing one focus ring and invalid state across the field. Tailwind styled.
[MiniDev UI] A recessed panel with a sunken background, rounded border and responsive padding for grouping secondary content, code samples or previews inside a card or page.
[MiniDev UI] An app integration tile with the service name, a short description, a Connected or Available badge and a Connect or Manage button. Built in React.
[MiniDev UI] A React SVG area chart with a crosshair that follows the pointer or arrow keys, showing the value and percent change against a dashed comparison line.
[MiniDev UI] An investor update page with a gradient headline, flip counting stats, a highlights list, a product rail and a cursor spotlight panel for the ask.
[MiniDev UI] A team invite panel with an email input, a Send button and badges for pending invitations. A starting point for workspace member management in SaaS settings.
[MiniDev UI] An invoice card with the number, date, a paid, open or void status badge, itemized line amounts and a bold total row. Built with React for billing pages.
[MiniDev UI] A bordered list of invoices showing number, date, amount and a paid, open or void status badge on each row. Fits the billing history in account settings.
[MiniDev UI] An editor for IP and CIDR allowlists: a monospace list with a remove button per entry plus an input and Add button that skips duplicates. Built in React.
[MiniDev UI] A compact issue tracker card with a monospace ticket key, status and priority badges, a title and an assignee line. Fits Linear or Jira style boards.
[MiniDev UI] A monospace ticket identifier such as MD-241 that renders as plain text or, given an href, as a link with an accent hover underline. For issue lists.
[MiniDev UI] A centered card for joining a team workspace with an invite code: heading, helper text, a monospace code input and a full width Join button. Tailwind styled.
[MiniDev UI] A collapsible JSON tree with syntax colours, item counts, copy value and copy path on hover, search highlighting and full keyboard navigation.
[MiniDev UI] A horizontally scrolling Kanban board built from column data: each column shows its title, a card count and stacked cards with a title and optional meta line.
[MiniDev UI] A single Kanban lane with a title, an optional count badge and a slot for any cards you render as children. Compose several to build your own React task board.
[MiniDev UI] A keyboard key cap for showing shortcuts, with a raised edge and room for icons, plus a KbdGroup wrapper for combos like Cmd K. Renders a semantic kbd element.
[MiniDev UI] A keyboard shortcuts cheat sheet in a dialog, opened with the ? key or a trigger button, with search and the right modifier glyphs for the viewer's platform.
[MiniDev UI] A responsive row of KPI tiles, up to four across, each with a label, a large value and an up or down delta. Drop it at the top of a SaaS analytics dashboard.
[MiniDev UI] A form label that dims and blocks pointer events when its peer input or group is disabled. Native label API, styled with Tailwind like the shadcn label.
[MiniDev UI] A glowing strip light at the top of a dark panel that switches on and widens to light the headline beneath it.
[MiniDev UI] A grid of language options exposed as an accessible listbox, with the selected language outlined in the accent color. Plug it into locale or profile settings.
[MiniDev UI] A monospace millisecond badge that turns green under 100ms, amber under 400ms and red above. Useful for API monitors, model responses and status dashboards.
[MiniDev UI] A React launch countdown showing days, hours, minutes and seconds to a target time, with digits that slide in on each tick and a waitlist call to action.
[MiniDev UI] A WebGL shader background of drifting color silk with a soft cursor light and grain. It renders at half resolution, pauses offscreen and adapts to dark mode.
[MiniDev UI] A page wide light source that follows the pointer and drifts when idle, driving shadows via CSS variables, plus a hairline, glass, metal and paper switcher.
[MiniDev UI] A multi series SVG line chart with smooth curves, a dashed hairline grid and dots on the last point of each line, colored from chart tokens. No library.