Skip to content

A customizable starter pack for React Three Fiber with Vite, Tailwind CSS, and optional features like postprocessing, leva, zustand, and more.

Notifications You must be signed in to change notification settings

juju-anselum/r3f-setup-kit

Repository files navigation

r3f Vite Tailwind Starter Pack

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.


🛠 Installation

1. Clone the Repository

git clone https://github.com/juju-anselum/r3f-setup-kit.git
cd r3f-setup-kit

2. Install Dependencies

yarn

3. Run the Development Server

yarn dev

The application will be available at http://localhost:5173.


📦 Included Packages

  • 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.

🎨 Demo

r3f-starter-vite image

About

A customizable starter pack for React Three Fiber with Vite, Tailwind CSS, and optional features like postprocessing, leva, zustand, and more.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published