https://github.com/sctg-development/vite-react-heroui-template
Template for creating applications using Vite 6, React 19, TailwindCSS 4, eslint 9 and HeroUI (v2)
https://github.com/sctg-development/vite-react-heroui-template
eslint heroui react tailwindcss vite
Last synced: 3 months ago
JSON representation
Template for creating applications using Vite 6, React 19, TailwindCSS 4, eslint 9 and HeroUI (v2)
- Host: GitHub
- URL: https://github.com/sctg-development/vite-react-heroui-template
- Owner: sctg-development
- License: mit
- Created: 2025-02-15T11:28:00.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-02-15T12:20:15.000Z (3 months ago)
- Last Synced: 2025-02-15T12:28:42.411Z (3 months ago)
- Topics: eslint, heroui, react, tailwindcss, vite
- Language: TypeScript
- Homepage: https://sctg-development.github.io/vite-react-heroui-template/
- Size: 96.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite & HeroUI Template
This is a template for creating applications using Vite 6 and HeroUI (v2).
[Try it on CodeSandbox](https://githubbox.com/sctg-development/vite-react-heroui-template)
## Technologies Used
- [Vite 6](https://vitejs.dev/guide/)
- [HeroUI](https://heroui.com)
- [Tailwind CSS 4](https://tailwindcss.com)
- [Tailwind Variants](https://tailwind-variants.org)
- [TypeScript](https://www.typescriptlang.org)
- [Framer Motion](https://www.framer.com/motion)
## Tailwind CSS 4
This template uses Tailwind CSS 4, which is a utility-first CSS framework. You can customize the styles by modifying the `tailwind.config.js` file.
Currently HeroUI uses Tailwind CSS 3, but @winchesHe create a port of HeroUI to Tailwind CSS 4, you can find it [here](https://github.com/heroui-inc/heroui/pull/4656), HeroUI packages are available at .
## How to Use
To clone the project, run the following command:
```bash
git clone https://github.com/sctg-development/vite-react-heroui-template.git
```
### Install dependencies
You can use one of them `npm`, `yarn`, `pnpm`, `bun`, Example using `npm`:
```bash
npm install
```
### Run the development server
```bash
npm run dev
```
### Setup pnpm (optional)
If you are using `pnpm`, you need to add the following code to your `.npmrc` file:
```bash
public-hoist-pattern[]=*@heroui/*
```
After modifying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
## License
Licensed under the [MIT license](https://github.com/sctg-development/vite-react-heroui-template/blob/main/LICENSE).