Skip to content

React + Next.js

All templates are based on React and Next.js

Blank

react next-js ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next
bash
$ yarn create runow your-app-name --template react-next
bash
$ pnpm create runow your-app-name --template react-next
bash
$ bun create runow your-app-name --template react-next

Tailwind CSS

react next-js tailwindcss ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next-tailwindcss
bash
$ yarn create runow your-app-name --template react-next-tailwindcss
bash
$ pnpm create runow your-app-name --template react-next-tailwindcss
bash
$ bun create runow your-app-name --template react-next-tailwindcss

Hero UI

react next-js hero-ui tailwindcss ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next-heroui
bash
$ yarn create runow your-app-name --template react-next-heroui
bash
$ pnpm create runow your-app-name --template react-next-heroui
bash
$ bun create runow your-app-name --template react-next-heroui

Headless UI

react next-js headless-ui tailwindcss ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next-headlessui
bash
$ yarn create runow your-app-name --template react-next-headlessui
bash
$ pnpm create runow your-app-name --template react-next-headlessui
bash
$ bun create runow your-app-name --template react-next-headlessui

Shadcn UI

react next-js shadcn-ui tailwindcss ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next-shadcnui
bash
$ yarn create runow your-app-name --template react-next-shadcnui
bash
$ pnpm create runow your-app-name --template react-next-shadcnui
bash
$ bun create runow your-app-name --template react-next-shadcnui

Ant Design

react next-js antd lucide ts

Quick Start

bash
# npm 7+, extra double-dash is needed:
$ npm create runow@latest your-app-name -- --template react-next-antd
bash
$ yarn create runow your-app-name --template react-next-antd
bash
$ pnpm create runow your-app-name --template react-next-antd
bash
$ bun create runow your-app-name --template react-next-antd