Skip to content

georgeyiakoumi/component-lab

Repository files navigation

Component Lab

Browse, inspect, edit, and build UI components visually. Export production-ready, type-safe .tsx files.

Built with shadcn/ui.


Getting started

npm install
npm run dev

Open http://localhost:3000.


Stack

Layer Tool
Framework Next.js (App Router)
Styling Tailwind CSS v4
Components shadcn/ui (new-york-v4)
Icons Lucide React

Deployment

Configured for Netlify via netlify.toml. To connect:

  1. Push the repo to GitHub
  2. Go to netlify.com → Add new site → Import from GitHub
  3. Select the repo — build settings are pre-configured
  4. Add environment variables in Site → Environment variables
  5. Deploy

License

MIT

About

The visual workspace for shadcn/ui. Explore components, build new ones, and export production-ready code.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages