UI logoUIUI Components

Installation

How to install and set up the UI component library in your project.

Prerequisites

  • Node.js 18+
  • pnpm (recommended)

Clone the repository

git clone https://github.com/phalla-doll/shadcn-luma.git
cd shadcn-luma

shadcn/ui in your own project

If you are setting up shadcn/ui in an existing app instead of cloning this repository, use the official installation guide: ui.shadcn.com/docs/installation.

Install Dependencies

pnpm install

Project Structure

components/
  ui/           # 55+ shadcn/ui components
  data/         # Mock data
  listings/     # Listing card components
  map/          # Map components
  search/       # Search bar component
hooks/          # Custom React hooks
lib/
  utils.ts      # cn() utility (clsx + tailwind-merge)

Development Server

Start the development server with Turbopack:

pnpm dev

Building for Production

pnpm build

Type Checking

pnpm typecheck

Linting & Formatting

pnpm lint
pnpm format

On this page