R3F site

A simple site to showcase some of the capabilities of react-three-fiber.

Getting Started

First, install the dependencies:

npm install
# or
yarn

Remember to config .env.local with localhost or your ip address.

VITE_PUBLIC_URL=http://localhost:5173

Then, run the development server:

npm run dev
# or
yarn dev

Building for Production

This site is built automatically by jekyll when pushed to the main branch. The site is hosted on github pages. R3F-Scene

Tech Stack

• Vite + React
• Three.js
• @react-three/fiber
• @react-three/drei
• @react-three/cannon
• Jekkyl

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh