Quick Start

Get up and running with Luna in under 5 minutes.

Create a New Project

npx @luna_ui/luna new myapp
cd myapp
npm install
npm run dev

npx @luna_ui/luna new myapp --mbt
cd myapp
moon update
npm install
npm run dev

myapp/
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
└── src/
    ├── main.tsx
    └── App.tsx

myapp/
├── index.html
├── package.json
├── moon.mod.json
├── vite.config.ts
├── main.ts
└── src/
    ├── moon.pkg.json
    └── lib.mbt

If you prefer to set up manually:

npm install @luna_ui/luna

tsconfig.json:

{
  "compilerOptions": {
    "jsxImportSource": "@luna_ui/luna"
  }
}

vite.config.ts:

import { defineConfig } from 'vite';

export default defineConfig({
  esbuild: {
    jsx: 'automatic',
    jsxImportSource: '@luna_ui/luna',
  },
});