The explorer for the shadcn registry ecosystem.
[MicroKit] A number field you drag to scrub and click to type, with a ruler that tracks the gesture.
[MicroKit] A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.
[MicroKit] A pill button whose arrow circle swaps sides while its surface changes color.
[MicroKit] A text label that gets a bright surface while an arrow slides in beside it.
[MicroKit] A compact tab switcher with a sliding active surface and content transition.
[MicroKit] A bordered share pill whose label glides right as an orange send icon enters from the left.
[MicroKit] A compact tab switcher with an orange underline that glides between labels.
[MicroKit] Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.
[MicroKit] Circular social links that trade their icon for a brand-colored arrow and glow on hover.
[MicroKit] A glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.
[MicroKit] A dark pill with inward orange edge glows and a staggered per-letter upward text swap.
[MicroKit] A surface-free text interaction with a staggered per-letter upward replacement.
[MicroKit] A dark subscribe pill with a rotating highlight that traces its edge on hover.
[MicroKit] An outlined Talk to us pill that fills with orange and reveals a long arrow.
[MicroKit] A borderless View More label that swaps vertically on hover.
[MicroKit] A dark, fully rounded button whose orange and blue glows follow the cursor.
[MicroKit] A white Get in touch pill whose arrow settles into a black circular control on hover.
[MicroKit] An outlined Preview in browser button that fills with yellow from the left.
[MiniDev UI] Accessible React accordion on Base UI, with bordered items, a rotating chevron and animated panels. Keyboard navigable, with one or many items open at once.
[MiniDev UI] React onboarding card that shows account setup as completed steps out of a total, with a labelled progress bar and a hint for the next step to finish.
[MiniDev UI] React activity feed that lists who did what and when, with initials avatars, muted action text and tabular timestamps in a single bordered card.
[MiniDev UI] Compact payment form for card number, expiry and CVC with correct autocomplete hints, numeric input mode and a full width save button. Ready for your processor.
[MiniDev UI] A full admin console with an impersonation banner, org switcher, KPI strip and tabs for users, SSO and IP allowlist, resource quotas and bulk user import.
[MiniDev UI] An admin overview section with a heading and invite action, stat tiles with deltas for seats, MRR, NPS and churn, and a recent activity feed below.
[MiniDev UI] Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and an optional up or down delta. Collapses from four columns to one.
[MiniDev UI] User management row with avatar, online status dot, name, email, a role chip for admin, write or read access, and an accessible actions menu button.
[MiniDev UI] An agency portfolio page with a marketing navbar, animated headline, project cards that fade up in sequence as they scroll in, and a mega footer.
[MiniDev UI] React timeline of an AI agent run: each tool step shows pending, running, done or error, reports its duration and folds out details. The header sums up the run.
[MiniDev UI] Chat input for AI apps with a multiline textarea, Enter to send, suggestion chips, attach button, model picker and a stop button while a response streams.
[MiniDev UI] Shadcn style alert dialog on Base UI for confirmations that need an explicit answer. Modal backdrop, focus trap, title, description and an actions row.
[MiniDev UI] A React analytics page with a KPI strip for installs, trials, conversions and seats, plus two chart cards showing 30 day bar trends side by side.
[MiniDev UI] Light travels along curved paths from sources into a hub and out to a result, measured from the real DOM. Includes a Beam primitive to connect any two elements.
[MiniDev UI] A row of feature cards that slide up with a staggered delay when scrolled into view. Pass title and description pairs; reduced motion keeps them still.
[MiniDev UI] A live feed where new items drop in at the top with a spring and older ones slide down. Ideal for activity streams, notifications and happening now sections.
[MiniDev UI] Tabs with a sliding pill indicator and panels that fade in the direction of travel. Full WAI-ARIA tabs keyboard support with Arrow keys, Home and End.
[MiniDev UI] A row of overlapping avatars where hovering or focusing one pops up a name and role card that leans and slides with the pointer.
[MiniDev UI] Slim site-wide announcement bar for launches, promos or notices. Centered content, a polite status role for screen readers and an optional dismiss button.
[MiniDev UI] A React API reference page with a sidebar nav, endpoints tagged by HTTP method, a copy base URL action and a curl request example in a code block.
[MiniDev UI] React settings panel listing API keys with masked previews, created date badges and a rotate button per key, plus a header action to create a new key.
[MiniDev UI] React request card for approval workflows showing the requester avatar, title and summary, with Reject and Approve buttons wired to your callbacks.
[MiniDev UI] Tailwind app shell layout with a fixed width sidebar slot, a topbar slot and a scrolling main area. The sidebar hides below the md breakpoint for mobile.
[MiniDev UI] Dependency free SVG area chart for React with a smoothed line, dashed grid, gradient fill and an optional highlighted point. Strokes stay crisp at any size.
[MiniDev UI] Framed preview for AI generated artifacts such as code, documents or UI, with a title bar, copy button and optional expand action for a full view.
[MiniDev UI] Shadcn compatible aspect ratio wrapper that locks media to a ratio such as 16:9 or 1:1 using CSS aspect-ratio, with overflow clipped for images and video.
[MiniDev UI] Assignee picker for tasks and tickets: a listbox of people with initials avatars, where the selected person is highlighted and choices report their id.
[MiniDev UI] Compact Tailwind file chip with a paperclip icon, truncated filename and an optional remove button, for attachments in chat composers, emails and forms.
[MiniDev UI] Minimal React audio player row with a play and pause toggle, title, subtitle and an accessible progress bar. Controlled, so it works with any audio source.
[MiniDev UI] A microphone recorder with start, pause and stop, an elapsed timer, live waveform bars, playback with a progress bar and a download button.