matozz / vite-react-framer-starter

This is a template for Vite to create a React application with Typescript, Framer Motion and TailwindCSS.

vite-react-framer-starter

Introduction

A starter Vite template having:

• React
• TypeScript
• Vite
• Tailwind CSS
• Framer Motion

and some elegant framer motion examples components

Install

This project uses node and a package manager (npm, yarn or pnpm). Go check them out if you don't have them locally installed.

Then you need a copy of this repository. You can download a copy as zip but degit is recommended.

After you installed degit, please excute the following commandd:

$ 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:

$ cd path-to-your-project
$ pnpm install

# npm install
# yarn install

Usage

Let's run!

$ 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
• Tailwind CSS
• Framer Motion

Related Docs

• Vite
• Tailwind CSS
• Framer Motion

Contributing

Feel free to dive in! Open an issue or submit PRs.

License

MIT © Matoz