The explorer for the shadcn registry ecosystem.
[MiniDev UI] A titled checkbox facet group for sidebar search filters in React. Each option can show a result count, and the selected values come back as an array.
[MiniDev UI] An FAQ accordion where one answer opens at a time with an animated height transition. Triggers expose aria-expanded and motion is skipped when reduced.
[MiniDev UI] An FAQ section built on an accessible accordion. Pass question and answer pairs and each one expands in place, with keyboard support and a readable max width.
[MiniDev UI] An FAQ section with a heading column and an accessible accordion: one answer open at a time, arrow key navigation, aria-expanded and smooth row animation.
[MiniDev UI] A four cell Tailwind bento grid of feature cards that rise in with a stagger and lift slightly on hover, alternating wide and narrow tiles across rows.
[MiniDev UI] A free versus premium comparison table with check, dash or text cells whose rows fade in on scroll. Pass an array of rows to compare plan features.
[MiniDev UI] A feature flag settings list that pairs each flag key in monospace with a labelled switch. Drop it into admin or developer settings to toggle rollouts.
[MiniDev UI] A settings row for flipping a feature flag on or off: flag name, optional description and a labeled switch, wired as a controlled React component.
[MiniDev UI] A responsive grid of feature cards, one to three columns wide, each with an optional icon, a title and a short description. Built with React and Tailwind.
[MiniDev UI] Thumbs up and thumbs down buttons for rating an answer or article. Uses aria-pressed, toggles off on a second click, and works controlled or uncontrolled.
[MiniDev UI] A React drag and drop upload zone with accept and reject states, type and size checks, image previews, per file progress, retry and screen reader updates.
[MiniDev UI] A stacked list of file rows showing each name and metadata such as size or date, with an optional download button per item. Good for React attachment lists.
[MiniDev UI] A compact card that cites a source file with its name, monospace path and line range. Useful for code assistants, docs and AI answers that point into a repo.
[MiniDev UI] A single file row with an icon, a truncated name, an optional meta line and a ghost download button with an accessible label. Styled with Tailwind.
[MiniDev UI] A code editor style file explorer with file icons, git status, a filter field and full tree keyboard support.
[MiniDev UI] A filmstrip scrubber with a preview area, a row of selectable frame buttons using aria-pressed, and a range slider to scrub through frames quickly.
[MiniDev UI] A wrapping Tailwind toolbar for tables and lists: a search input first, your own filter controls as children, and a Clear button when onClear is set.
[MiniDev UI] A canvas grid of small squares whose brightness flickers at random behind your content, like a board of quiet signals.
[MiniDev UI] A stat board where each number counts up with digits that flip in on a spring once in view. Pass values and labels; reduced motion shows the final value.
[MiniDev UI] A round primary button fixed to the bottom right corner of the viewport for the main action on a screen. Accepts every Button prop, including icons.
[MiniDev UI] Return an error message, or nothing when valid. Runs on submit and after the first error.
[MiniDev UI] A sticky marketing navbar that tucks into a floating pill after you scroll, with a hover highlight that glides between links and an animated mobile menu.
[MiniDev UI] A multi column site footer with a brand block and titled link groups that reflow from one to five columns. A React and Tailwind footer for marketing sites.
[MiniDev UI] A slim one line footer with the brand name on the left and a wrapping set of links in a labeled nav element. Fits app shells, docs and small landing pages.
[MiniDev UI] A password reset request card with one email field and a full width Send reset email button, composed from AuthCard, FormField and Input in React.
[MiniDev UI] A wrapper that pairs any input with its label, required marker, help text and an error message announced with role alert. Keeps React forms consistent.
[MiniDev UI] A three step React form wizard with a stepper for basics, details and review, per step fields, and back and next buttons that become submit at the end.
[MiniDev UI] A two column tier comparison with free and premium cards, feature checklists, price blurbs and CTAs, with the featured tier outlined in the accent color.
[MiniDev UI] A funnel chart with stage bars laid out horizontally or vertically, conversion rates and drop-off between stages, an optional comparison series and bars that spring to new values when the data changes.
[MiniDev UI] A conversion funnel drawn as labeled horizontal bars scaled to the largest step, with formatted counts per stage. Suited to signup and checkout analytics.
[MiniDev UI] A project timeline with day and week scales, a today line, progress fills, dependency arrows, a sticky task column and focusable bars.
[MiniDev UI] One row of a Gantt timeline: a task label beside a track with a bar placed by start and end values on a shared scale. Stack rows to build a React roadmap.
[MiniDev UI] A semicircle SVG gauge that fills to a value against a max and prints the percentage in the center. Exposed as an image with an accessible label for dashboards.
[MiniDev UI] A dotted globe drawn on a plain canvas, no WebGL, that turns on its own and spins under your finger.
[MiniDev UI] A circular progress ring that shows how far along a goal is, with the percentage in the middle and a caption below. Handy for fitness, sales or weekly targets.
[MiniDev UI] Headline text filled with a slowly drifting gradient built from your accent tokens. A real text node for SEO and screen readers, still for reduced motion.
[MiniDev UI] A grid of labelled tiles that slide up in quick succession as the section scrolls into view. Pass any list of strings; it honors reduced motion.
[MiniDev UI] A heading primitive that renders h1 through h6 with a matched type scale, tuned letter spacing and medium weight. Pick the level with the as prop in React.
[MiniDev UI] A status dot and label for service health with operational, degraded and down states mapped to success, warning and danger colors. Made for status pages.
[MiniDev UI] A square heatmap cell whose fill blends from a muted base to the accent color by an intensity from 0 to 1, with an aria label. Tile it for activity grids.
[MiniDev UI] A centered landing page hero with an optional eyebrow, a large headline, supporting copy and up to two call to action buttons. A plain Tailwind starting point.
[MiniDev UI] A React hero with slow drifting aurora gradient blobs behind an eyebrow, headline, description and two action buttons that fade up in sequence.
[MiniDev UI] A Tailwind hero section with a large headline above a bento grid of product tiles for AI, billing, auth and admin that fade up with a stagger on load.
[MiniDev UI] A React pitch hero where headline words slide up from masks in sequence, followed by a lede, showcase and gallery buttons, and a row of proof stats.
[MiniDev UI] A two column editorial hero in Tailwind with a masked two line headline and lede on the left and an animated device frame stack on the right.
[MiniDev UI] A dark hero on a layered radial gradient mesh with a scale in headline, supporting copy and high contrast launch and docs buttons for launch pages.
[MiniDev UI] A kinetic type hero where each headline line slides up from a mask with staggered timing and the last line is accented. Pass your own lines and copy.
[MiniDev UI] A hero headline above an endlessly scrolling marquee of brand names for social proof. The loop stops when reduced motion is requested by the user.