The explorer for the shadcn registry ecosystem.
[MiniDev UI] React tooltip on Base UI with a provider for delay, a trigger, and content that positions on any side with an arrow and portal. Drop-in shadcn Tooltip API.
[MiniDev UI] App top bar that is 56px tall with a title or custom left content and a right slot for actions, avatars or search. Sits above the main content in dashboards.
[MiniDev UI] React trace waterfall that draws each span as a bar offset by start time and scaled by duration, indented by depth with a millisecond label for observability.
[MiniDev UI] A vertical beam beside long content that grows as you scroll, with a glowing tip and a node that lights for each entry.
[MiniDev UI] A squarified SVG treemap with one level of grouping, labels that hide in small cells, hover and keyboard focus with a value tooltip, and a hidden data table.
[MiniDev UI] Nested tree view with expandable nodes, rotating chevrons, depth indentation and ARIA tree roles. Suited to file explorers and nested category lists in React.
[MiniDev UI] Trial banner with a days left headline, a short note on what stays unlocked and an Upgrade button, on an accent tinted strip. Built for SaaS billing nudges.
[MiniDev UI] Two-factor setup card with a QR code area, a one-time code input and a Verify and enable button, guiding users through linking an authenticator app in React.
[MiniDev UI] Two-factor verification screen with a one-time password input and a full-width Verify button inside an auth card. Use it as the second step after sign in.
[MiniDev UI] Tailwind typing indicator with three pulsing dots in a rounded pill, staggered by 120ms, with role status and a Typing label. Shows someone is replying in chat.
[MiniDev UI] A React typewriter that types a phrase, holds, deletes and moves on, with a blinking accent caret. Starts in view and gives screen readers the plain text.
[MiniDev UI] A large type Tailwind marquee that loops phrases horizontally in an endless scroll. Pass a phrases array; the loop stops for users who prefer reduced motion.
[MiniDev UI] Upgrade prompt card with a title, a short description of what the paid plan unlocks and an Upgrade button. Place it where a free user hits a gated feature.
[MiniDev UI] Status page uptime bar with one cell per day over 90 days, green when operational and red on degraded days, and the uptime percentage above. Built in Tailwind.
[MiniDev UI] Usage breakdown listing several metered items, each with its label, used over limit and a thin accent bar. Use it on billing pages to show where plan limits go.
[MiniDev UI] Single usage meter with a label, used over limit count and a Progress bar linked by aria-labelledby. Handy for API calls, storage or seats on billing pages.
[MiniDev UI] React user chip showing a small avatar with initials fallback and the person's name, plus an optional remove button. Good for assignees, mentions and pickers.
[MiniDev UI] A Tailwind user detail header with a back link to users, an avatar beside the name in the title, a role and email line, and a team member row with role.
[MiniDev UI] A React users admin page with an invite action, a search toolbar that filters rows as you type, and a data table with name, role and status badge columns.
[MiniDev UI] Version badge that shows a v-prefixed release number with an optional stable, beta or canary channel pill, each tinted differently, for docs and changelogs.
[MiniDev UI] Vertical tabs with a 180px tab list on the left and the active panel on the right, using tab and tabpanel roles. Stacks on mobile. Built for settings screens.
[MiniDev UI] Video player chrome with a 16:9 stage, a centered play and pause button, a volume icon, a playback progress bar and a title. Bring your own video in React.
[MiniDev UI] Virtualized list that renders only the visible rows plus a small buffer, using a fixed item height and absolute positioning. Keeps thousands of React rows fast.
[MiniDev UI] A windowed list that renders only the rows in view, with fixed or measured row heights, overscan, keyboard row navigation and scroll to index.
[MiniDev UI] Visually hidden wrapper that keeps content available to screen readers while hiding it on screen via sr-only. Use it for icon button labels and extra context.
[MiniDev UI] Upvote and downvote control with a score between two chevrons, aria-pressed states and click again to undo. Built in React for forums and feedback boards.
[MiniDev UI] Waffle chart that fills a 10 column grid of squares to show a value out of a total, with a label and count above. Clear for adoption rates and percentages.
[MiniDev UI] A React waitlist hero with a pulsing background glow, an email input, a request access button with an onSubmit callback, and an avatar stack of signups.
[MiniDev UI] A hero with an audio waveform of hairline bars that pulse in a staggered loop, a headline, copy and a magnetic CTA. Bars hold still for reduced motion.
[MiniDev UI] Layered canvas waves that roll across the bottom of the panel behind your content, each at its own pace.
[MiniDev UI] Webhook endpoints list with an Add endpoint button, monospace URLs, subscribed events and an active or paused badge per row. Built for developer settings pages.
[MiniDev UI] React onboarding welcome card with an eyebrow, headline, short intro, three numbered getting started steps and primary and secondary buttons for a first run.
[MiniDev UI] A recessed Tailwind panel with a sunken background, hairline border and inner highlight. Use it to set apart notes, code output or secondary content.
[MiniDev UI] A macOS style window frame for React with three traffic light dots, a truncated title bar and a padded content area for framing demos and screenshots.
[MiniDev UI] A Tailwind heart icon button for product cards that toggles a wishlist state. It sets aria-pressed and switches its label between add and remove.
[MiniDev UI] Rotates words inside a sentence: the old word lifts and blurs away as the next rises in. The slot keeps the widest word's width so the line never jumps.
[MiniDev UI] A triage and approvals screen in Tailwind with an issue key, due date chip and priority picker, next to an approval card and a review queue card.
[MiniDev UI] A compact create workspace form in React with a required name field, a URL slug input and a submit button wired to an onCreate callback.
[mizzle] A label, a control, a hint and an error, wired together. The label names the control, the hint describes it, and the error appears under it with a short settle when something is wrong.
[mizzle] Example usage of Field.
[mizzle] A text input and a textarea that grows as you write. Quiet at rest, lifted on focus, red when wrong.
[mizzle] Example usage of Input.
[mizzle] A text link whose underline is drawn on the text: it draws in from the left, leaves to the right, and follows the words when they wrap. Four treatments, hover and keyboard alike, no JavaScript.
[mizzle] Example usage of Link.
[mizzle] Example usage of Link.
[mizzle] A number whose digits roll to their new value. Each digit is a reel behind a soft-edged window: it rolls the way the number moved, streaks while it is fast, and digits fold in and out when the number changes length.
[mizzle] Example usage of Number Roll.
[mizzle] Splits a string into words and characters you can style one by one. Words still wrap, spaces stay real, screen readers hear the sentence, and every piece knows its index, word and measured line.