Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/PDMLab/vite-react-typescript-tailwind-starter

Template for React + Tailwind CSS + TypeScript projects
https://github.com/PDMLab/vite-react-typescript-tailwind-starter

frontend-template react react-template tailwindcss-template template typescript-template vite vite-template-react

Last synced: about 1 month ago
JSON representation

Template for React + Tailwind CSS + TypeScript projects

Awesome Lists containing this project

README

        

# vite React TypeScript tailwindcss starter

Template for vite, React + tailwindcss + TypeScript projects with some tools preconfigured.

## About

Template for vite, React + tailwindcss + TypeScript projects with some tools preconfigured.

![Screenshot](assets/screenshot.png)

### Libraries

- [React 18](https://reactjs.org/)
- [React Router 6](https://reactrouter.com)
- [tailwindcss 3](https://tailwindcss.com/)
- [tailwindcss forms plugin](https://tailwindcss-forms.vercel.app/)
- [TypeScript 4.9.5](https://www.typescriptlang.org/)
- [vite 4](https://vitejs.dev/)
- [vitetest](https://vitest.dev/)

### Tools

- [commitlint 17](https://commitlint.js.org)
- [Conventional Commits 1](https://www.conventionalcommits.org)
- [editorconfig](https://editorconfig.org/)
- [eslint 8](https://eslint.org/)
- [husky 8](https://typicode.github.io/husky/#/)
- [Prettier 2](https://prettier.io/)
- [VS Code settings](https://code.visualstudio.com/)

## Usage

Create a new project from this template by clicking the "Use this template" button:

![](assets/template-usage.png)

```bash
yarn
yarn dev
yarn test
```