Skip to content

zpg6/zpg6-inspector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Inspector React + Vite + shadcn/ui Template

A modern React + Vite template styled with the Inspector design language and powered by shadcn/ui.

πŸ› οΈ Tech Stack

  • 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

🎨 Features

  • 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

βš™οΈ Prerequisites

  • Node.js (version 22 or above)
  • pnpm (recommended) or npm

πŸš€ Getting Started

  1. Install dependencies:

    pnpm install
  2. Start the development server:

    pnpm dev
  3. Open http://localhost:5173 in your browser.

πŸ“œ Available Scripts

Command Description
pnpm dev Start development server
pnpm build Build for production
pnpm preview Preview production build
pnpm lint Run ESLint

πŸ“‚ Project Structure

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 

βž• Adding Components

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.

πŸ“„ License

MIT License - see LICENSE for details.

About

Used Inspector (tryinspector.com) to refresh my profile with a React / Vite static site.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors