Remix & HeroUI Template

This is a template for creating applications using Next.js 14 (app directory) and HeroUI (v2).

Technologies Used

• Remix 2
• HeroUI v2
• Tailwind CSS
• Tailwind Variants
• TypeScript
• Framer Motion

How to Use

Use the template with create-remix

To create a new project based on this template using create-remix, run the following command:

npx create-next-app -e https://github.com/heroui-inc/remix-template.git

Install dependencies

You can use one of them npm, yarn, pnpm, bun, Example using npm:

npm install

Run the development server

npm run dev

Setup pnpm (optional)

If you are using pnpm, you need to add the following code to your .npmrc file:

public-hoist-pattern[]=*@heroui/*

After modifying the .npmrc file, you need to run pnpm install again to ensure that the dependencies are installed correctly.

React-Router + Cloudflare Pages

remix-run/react-router#12667