A modern React + Vite template styled with the Inspector design language and powered by shadcn/ui.
- React 19 - A JavaScript library for building user interfaces
- Vite - A fast, opinionated frontend build tool
- TypeScript - Typed superset of JavaScript
- Tailwind CSS v3 - Utility-first CSS framework
- shadcn/ui - Beautifully designed components
- Radix UI - Accessible component primitives
- Lucide Icons - Beautiful, consistent icon set
- Dark/Light Mode - Built-in theme toggle with localStorage persistence
- Inspector Styling - Matches the Inspector app design language
- Ready to Build - Start adding your own components immediately
- Node.js (version 22 or above)
- pnpm (recommended) or npm
-
Install dependencies:
pnpm install
-
Start the development server:
pnpm dev
-
Open http://localhost:5173 in your browser.
| Command | Description |
|---|---|
pnpm dev | Start development server |
pnpm build | Build for production |
pnpm preview | Preview production build |
pnpm lint | Run ESLint |
inspector-react-vite-shadcn-ui/ βββ public/ β βββ favicon.png βββ src/ β βββ assets/ β β βββ inspector-logo.png β βββ components/ β β βββ ui/ # shadcn/ui components β βββ hooks/ β β βββ use-dark-mode.ts β βββ lib/ β β βββ utils.ts β βββ styles/ β β βββ globals.css β βββ App.tsx β βββ main.tsx βββ tailwind.config.ts βββ vite.config.ts Use the shadcn/ui CLI to add more components:
npx shadcn@latest add button npx shadcn@latest add card npx shadcn@latest add input # etc.Browse all available components at ui.shadcn.com.
MIT License - see LICENSE for details.