Installation

MiniDev UI works anywhere React and Tailwind CSS v4 run. Pick your framework for exact steps, or use the one line below if your project already uses the shadcn CLI.

bash

npx shadcn@latest add https://ui.minidev.pro/r/button.json

Next.jsAdd MiniDev UI to a Next.js App Router project: Tailwind CSS v4, shadcn init, the tokens stylesheet, registry components, the npm package and dark mode.Read the steps ViteSet up MiniDev UI in a React + Vite app: the Tailwind v4 Vite plugin, the @ path alias, shadcn init, the tokens stylesheet, registry components and dark mode.Read the steps React RouterInstall MiniDev UI in a React Router v7 framework mode app: Tailwind v4, the ~ alias, shadcn init, the tokens stylesheet, SSR safe dark mode and npm.Read the steps AstroUse MiniDev UI in Astro as React islands: the React integration, Tailwind v4, shadcn init, the tokens stylesheet, client directives and dark mode with no flash.Read the steps TanStack StartInstall MiniDev UI in TanStack Start: Tailwind v4 via the Vite plugin, shadcn init, the tokens stylesheet linked from the root route, components and dark mode.Read the steps