Home

Awesome

<div align="center"><img src = "https://user-images.githubusercontent.com/31413093/197097625-5b3bd3cf-2bd6-4a3a-8059-a1fe9f28100b.svg" height="100px" alt="My Happy SVG"/></div> <h2 align="center">vite-react-framer-starter</h2> <div align="center"> <a href="https://reactjs.org/"><image src="https://img.shields.io/static/v1?label=React&message=v18&style=flat-square&logo=react&color=61DAFB"/></a> <a href="https://www.typescriptlang.org/"><image src="https://img.shields.io/static/v1?label=TypeScript&message=v5&style=flat-square&logo=typescript&color=3178C6"/></a> <a href="https://www.typescriptlang.org/"><image src="https://img.shields.io/static/v1?label=Tailwind%20CSS&message=v3&style=flat-square&logo=tailwindcss&color=06B6D4"/></a> <a href="https://cn.vitejs.dev/"><image src="https://img.shields.io/static/v1?label=Vite&message=v5&style=flat-square&logo=vite&color=00ccb1"/> <a href="https://cn.vitejs.dev/"><image src="https://img.shields.io/static/v1?label=Framer&message=v11&style=flat-square&logo=framer&color=ff57c8"/></a> </div>

Introduction

A starter Vite template having:

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

Related Docs

Contributing

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

License

MIT © Matoz