R3F-CRA-Starter

KO | EN

gitlite — search

#python #ai #llm #go #golang #machine-learning #rust #deep-learning #macos #awesome #kubernetes #pytorch #mcp #open-source

R3F-CRA-Starter

(★ 14)

A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages

R3F-CRA-Starter Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# R3F CRA Starter

A starter project for React-Three-Fiber bootstrapped with [Create React App](https://github.com/facebook/create-react-app)'s PWA Typescript template and some useful packages.

# ![demo of r3f-cra-starter](https://github.com/kevinomyonga/R3F-CRA-Starter/blob/main/demo.gif)

| Packages            | Versions | Description                                               |
| ------------------- | :------: | --------------------------------------------------------- |
| three               | ^0.132.2 | A lightweight, 3D library with a default WebGL renderer.  |
| @react-three/fiber  |  ^7.0.7  | A React renderer for Threejs on the web and react-native. |
| @react-three/drei   | ^7.12.1  | Useful helpers for react-three-fiber                      |
| @react-spring/three |  ^9.2.4  | A spring physics based React animation library            |

### Features

- [x] Automatically inject r3f component in the Canvas
- [x] Support glsl imports
- [x] PWA Support
- [x] Layout for Canvas and DOM
- [x] Template for the meta data and header
- [x] Clean code using ESlint and Prettier
- [x] VSCode debug profiles for the server, Chrome, and Firefox

## Usage

1. Install the necessary node modules.

```
npm i
```

2. Run the npm script `start` to start development.

```
npm run start
```

3. When finishing development, run the npm script `build` to make the compressed files.

```
npm run build
```

### How to contribute :

```bash
git clone https://github.com/kevinomyonga/R3F-CRA-Starter.git
&& cd r3f-cra-starter && npm install
```

## License

## Misc

Follow Kevin Omyonga: [Web](http://www.kevinomyonga.com/), [Twitter](https://twitter.com/kevinomyonga)

R3F-CRA-Starter

R3F-CRA-Starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

R3F-CRA-Starter

R3F-CRA-Starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README