{"id":23231615,"url":"https://github.com/talhat298/r3f","last_synced_at":"2026-04-13T06:07:14.244Z","repository":{"id":214987316,"uuid":"737841329","full_name":"TalhaT298/r3f","owner":"TalhaT298","description":"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","archived":false,"fork":false,"pushed_at":"2024-01-30T20:47:46.000Z","size":135,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T17:18:12.302Z","etag":null,"topics":["css3","drei","html5","leva","reactjs","three-js"],"latest_commit_sha":null,"homepage":"https://r3f-threejs.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TalhaT298.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2024-01-01T17:35:54.000Z","updated_at":"2024-01-30T11:12:07.000Z","dependencies_parsed_at":"2024-01-03T20:45:13.134Z","dependency_job_id":null,"html_url":"https://github.com/TalhaT298/r3f","commit_stats":null,"previous_names":["talhat298/r3f"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2Fr3f","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2Fr3f/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2Fr3f/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2Fr3f/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TalhaT298","download_url":"https://codeload.github.com/TalhaT298/r3f/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247390025,"owners_count":20931353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","drei","html5","leva","reactjs","three-js"],"created_at":"2024-12-19T02:15:25.785Z","updated_at":"2026-04-13T06:07:14.191Z","avatar_url":"https://github.com/TalhaT298.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## r3f .React-three-fiber is a React renderer for three.js\nThis 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.\n### Two important links\n\u003e https://github.com/pmndrs/leva \u003cbr/\u003e\n\u003e https://github.com/pmndrs/drei\n\n## Live Link\n\u003chttps://r3f-threejs.netlify.app/\u003e\n\n![My Image](https://i.ibb.co/yB7sDFL/12.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalhat298%2Fr3f","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftalhat298%2Fr3f","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalhat298%2Fr3f/lists"}