r3f-starter

A boilerplate to build R3F projects that also feature a UI-Layer.

To install, run the following commands:

yarn
yarn dev

Stack

3D: React Three Fiber UI: React Styling: Tailwind CSS State Management: Zustand Routing: React Router Animation: Framer Motion Bundle: Vite

Features

• 3D Scene: A basic 3D scene with a counter and animated cubes.
• UI Layer: A basic UI layer with a counter and buttons.
• Routing: A basic routing setup with a home and about page.
• State Management: A basic state management setup with a global store.
• Styling: A basic styling setup with Tailwind CSS.
• Animation: A basic animation setup with Framer Motion.

Attribution

This project uses the R3F-vite-starter as a basis. Use this if you don't require as much UI-Layer features.