Skip to content

Ctrlmonster/r3f-project-boilerplate

Repository files navigation

React Three Fiber Boilerplate

Screenshot of Scene

This is a simple boilerplate project for react three fiber projects with Typescript, TailwindCSS and Vite. It creates a fullscreen Canvas with some common quality of life components present to get your project started quickly. These include OrbitControls, Grid and Gizmo Helper, Leva Controls for all Light Types, Performance Monitoring Setup, Postprocessing Setup, Render on Demand Setup etc. It also showcases an easy way to connect your imperative Simulation Code to r3f.

Useful Links if you're new to r3f

R3F Homepage https://docs.pmnd.rs/react-three-fiber/getting-started/your-first-scene

R3F/Drei - useful helpers https://github.com/pmndrs/drei

GltfJSX - turn any gltf file into jsx https://github.com/pmndrs/gltfjsx

Tailwind cheatsheet: https://nerdcave.com/tailwind-cheat-sheet

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published