A minimal starter template for building React Three Fiber applications with Vite and TailwindCSS. This pack is designed to help you quickly set up and develop 3D experiences with modern tools and best practices.
git clone https://github.com/juju-anselum/r3f-setup-kit.git
cd r3f-setup-kit
yarn
yarn dev
The application will be available at http://localhost:5173
.
react
,react-dom
: Core React libraries.@react-three/fiber
: React bindings for Three.js.@react-three/drei
: Utility components for Three.js (e.g., OrbitControls, GLTFLoader).@react-three/postprocessing
: Simplified post-processing effects.tailwindcss
: For easy and customizable styling.leva
: Debugging GUI for real-time scene manipulation.zustand
: State management library.