https://github.com/cosmitar/react-three-vite-typescript

A simple React Three Fiber + Vite + Typescript starter with an import-ready CodeSandbox config.
https://github.com/cosmitar/react-three-vite-typescript

Last synced: 5 months ago
JSON representation

A simple React Three Fiber + Vite + Typescript starter with an import-ready CodeSandbox config.

• Host: GitHub
• URL: https://github.com/cosmitar/react-three-vite-typescript
• Owner: Cosmitar
• License: mit
• Created: 2023-04-02T02:16:01.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-15T13:01:07.000Z (almost 2 years ago)
• Last Synced: 2025-03-18T07:12:12.585Z (over 1 year ago)
• Language: TypeScript
• Size: 1.24 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Three Fiber + Vite Starter

_A simple React Three Fiber + Vite starter with an import-ready CodeSandbox config._

![Preview](/public/preview.gif)

### Resources:

- [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/): Three.js Renderer

- [Drei](https://github.com/pmndrs/drei): React Three Fiber Helpers

- [Three.js](https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene): 3D Engine

- [Vite](https://vitejs.dev/guide/): Static Web Server

- [CodeSandbox](https://codesandbox.io/docs/configuration): Online Prototyping Container (optional)

### Installation

```

npm install

```

### Scripts

```

npm run dev

npm run build

npm run preview

npm run sandbox

```

### CodeSandbox

To create a sandbox from this starter, [import your repository URL](https://codesandbox.io/dashboard/repositories) (this repo works too), or [fork this template](https://codesandbox.io/s/react-three-fiber-vite-starter-r1tgld).