https://github.com/talhat298/r3f
React Three Fiber (RTF) is a library for creating 3D applications with React. It enables developers to build interactive and immersive web experiences that utilize 3D graphics and real-world physics
https://github.com/talhat298/r3f
css3 drei html5 leva reactjs three-js
Last synced: 2 months ago
JSON representation
React Three Fiber (RTF) is a library for creating 3D applications with React. It enables developers to build interactive and immersive web experiences that utilize 3D graphics and real-world physics
- Host: GitHub
- URL: https://github.com/talhat298/r3f
- Owner: TalhaT298
- Created: 2024-01-01T17:35:54.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-30T20:47:46.000Z (over 2 years ago)
- Last Synced: 2025-02-11T17:18:12.302Z (over 1 year ago)
- Topics: css3, drei, html5, leva, reactjs, three-js
- Language: JavaScript
- Homepage: https://r3f-threejs.netlify.app/
- Size: 132 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## r3f .React-three-fiber is a React renderer for three.js
This React application employs the **Three.js** library and integrates the **@react-three/fiber** and **@react-three/drei** packages to construct an interactive 3D scene. The scene features dynamic shapes such as Cubes, Spheres, Tori, and TorusKnots, each with unique behaviors like rotation and color changes on interaction. The application uses the useFrame hook for continuous updates, and the OrbitControls component enables users to navigate the 3D space. Additionally, the **Leva UI** is incorporated for adjusting parameters of a directional light, offering sliders to control light color and intensity. The code structure adheres to React best practices, promoting modularity and reusability of components, resulting in a visually engaging and customizable 3D experience.
### Two important links
> https://github.com/pmndrs/leva
> https://github.com/pmndrs/drei
## Live Link
