Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/matozz/vite-react-framer-starter
This is a template for Vite to create a React application with Typescript, Framer Motion and TailwindCSS.
https://github.com/matozz/vite-react-framer-starter
Last synced: about 2 months ago
JSON representation
This is a template for Vite to create a React application with Typescript, Framer Motion and TailwindCSS.
- Host: GitHub
- URL: https://github.com/matozz/vite-react-framer-starter
- Owner: matozz
- Created: 2024-03-04T03:51:50.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-26T05:51:26.000Z (3 months ago)
- Last Synced: 2024-06-26T07:08:36.139Z (3 months ago)
- Language: TypeScript
- Homepage: https://vite-react-framer-starter.vercel.app
- Size: 219 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-awesome-vite - vite-react-framer-starter - Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`. (Get Started / Templates)
- awesome-vite - vite-react-framer-starter - Starter template with `React`, `TypeScript`, `Framer Motion`, `Tailwind CSS`, `ESLint`, and `Prettier`. (Get Started / Templates)
README
vite-react-framer-starter
## Introduction
A starter [Vite](https://vitejs.dev/) template having:
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
and some elegant framer motion [examples components](https://github.com/matozz/vite-react-framer-starter/tree/main/src/components)
## Install
> This project uses [node](http://nodejs.org) and a package manager ([npm](https://npmjs.com), [yarn](https://yarnpkg.com/) or [pnpm](https://pnpm.io/)). Go check them out if you don't have them locally installed.
Then you need a copy of this repository. You can [download](https://github.com/matozz/vite-react-framer-starter) a copy as zip but [degit](https://github.com/Rich-Harris/degit) is recommended.
After you installed degit, please excute the following commandd:
```sh
$ cd path-to-save-your-project
$ degit matozz/vite-react-framer-starter your-project-name
```
After getting a copy of this repository, you can use your package manager to install dependecies:
```sh
$ cd path-to-your-project
$ pnpm install
# npm install
# yarn install
```
## Usage
Let's run!
```sh
$ pnpm run dev
# npm run dev
# yarn run dev
```
> We've already implemented some recommended configurations in `.eslintrc`, `.eslintignore` and `.prettierrc`. Feel free to edit them if you have your own preferences.
## Related Efforts
- [Vite](https://github.com/vitejs/vite)
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss)
- [Framer Motion](https://github.com/framer/motion)
## Related Docs
- [Vite](https://vitejs.dev/guide/)
- [Tailwind CSS](https://tailwindcss.com/docs/installation)
- [Framer Motion](https://www.framer.com/motion/)
## Contributing
Feel free to dive in! [Open an issue](https://github.com/matozz/vite-react-framer-starter) or submit PRs.
## License
[MIT](LICENSE) © Matoz