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: 3 months ago
JSON representation

Template for React + Tailwind CSS + TypeScript projects

• Host: GitHub
• URL: https://github.com/PDMLab/vite-react-typescript-tailwind-starter
• Owner: PDMLab
• License: mit
• Created: 2021-10-08T04:58:51.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-09T17:29:49.000Z (over 1 year ago)
• Last Synced: 2024-08-01T17:23:24.053Z (6 months ago)
• Topics: frontend-template, react, react-template, tailwindcss-template, template, typescript-template, vite, vite-template-react
• Language: TypeScript
• Homepage:
• Size: 1.96 MB
• Stars: 74
• Watchers: 2
• Forks: 25
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-tailwindcss - Vite + React + TypeScript + Tailwind 3.x starter - GitHub Template for Vite, React + Tailwind 3.x + TypeScript. (Starters & Themes)

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

```