Skip to content

Cheung-KaWai/r3f-template

Repository files navigation

Boilerplate R3F

This template provides a minimal setup to create a react-three-fiber application. Following features are included:

  • zustand a store for keeping global states, this store is accessible in the react-devtools
  • shaders a basic shader example with importing separate glsl files and passing uniforms props
  • leva a GUI for development, a debug toggle has been setup to help visualy debugging the UI of the application
  • styled-components this is used for the styling, a reusable Container and Layout component are provided which can be extended with extra props

Future enhancements:

  • react-scan a tool for finding performance issues, currently still has a bug with r3f #175. Will be added when the new version is released

Last update 29/12/2024