Getting Started

Create Your App

Pick your package manager and run:

npm

npm create ronins-react@latest my-app
cd my-app
npm install
npm run dev

bun

bun create ronins-react@latest my-app
cd my-app
bun install
bun dev

pnpm

pnpm create ronins-react@latest my-app
cd my-app
pnpm install
pnpm dev

yarn

yarn create ronins-react@latest my-app
cd my-app
yarn
yarn dev

Open http://localhost:5173 in your browser. Done!

Clean Mode

Want a minimal app? No demo pages? Use --clean:

npm

npm create ronins-react@latest my-app --clean

bun

bun create ronins-react@latest my-app --clean

pnpm

pnpm create ronins-react@latest my-app --clean

yarn

yarn create ronins-react@latest my-app --clean

This removes:

• Demo pages
• Logo file

You get a simple "Hello World" app.

Use Current Folder

Want to create in the folder you are in? Use .:

npm

mkdir my-app && cd my-app
npm create ronins-react@latest .

bun

mkdir my-app && cd my-app
bun create ronins-react@latest .

pnpm

mkdir my-app && cd my-app
pnpm create ronins-react@latest .

yarn

mkdir my-app && cd my-app
yarn create ronins-react@latest .

WARNING

The folder must be empty.

What's Next?

• Project Structure — See all files
• Commands — See all commands
• Add Components — Add buttons, dialogs, etc.