--- title: React Three Fiber News & Updates | daily.dev description: React Three Fiber news and updates covering A React renderer for Three.js. Readers can learn about the declarative scene graph, hooks for animation and loading, the drei helper library, performance and instancing, integration with React state, and debugging 3D scenes in React applications. canonical: https://daily.dev/tags/react-three-fiber twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/react-three-fiber og:type: website og:site_name: daily.dev og:title: React Three Fiber News & Updates | daily.dev og:description: React Three Fiber news and updates covering A React renderer for Three.js. Readers can learn about the declarative scene graph, hooks for animation and loading, the drei helper library, performance and instancing, integration with React state, and debugging 3D scenes in React applications. og:image: https://api.daily.dev/og/tags/react-three-fiber.png og:image:width: 1200 og:image:height: 630 --- ## Recommended React Three Fiber stories ## Who to follow for React Three Fiber [](https://daily.dev/cristianolivera1) [Cristian Olivera Chávez](https://daily.dev/cristianolivera1) [@cristianolivera1](https://daily.dev/cristianolivera1) Joined Jun 22\. 2024 4.4K Angular | NextJs | Tailwind | Laravel | Spring Boot ## Top sources covering React Three Fiber ## Most upvoted React Three Fiber posts ## Best discussed React Three Fiber posts ## All posts about React Three Fiber ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/react-three-fiber#page","url":"https://daily.dev/tags/react-three-fiber","name":"React Three Fiber News & Updates","description":"React Three Fiber news and updates covering A React renderer for Three.js. Readers can learn about the declarative scene graph, hooks for animation and loading, the drei helper library, performance and instancing, integration with React state, and debugging 3D scenes in React applications.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/react-three-fiber#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/exploring-a-3d-text-distortion-effect-with-react-three-fiber-gk4hmdzos","name":"Exploring a 3D Text Distortion Effect With React Three Fiber"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/model-texture-transition-and-procedural-radial-noise-using-webgl-i3idezk2v","name":"Model Texture Transition and Procedural Radial Noise using WebGL"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/building-an-interactive-3d-event-badge-with-react-three-fiber-vercel-pw5dci7cp","name":"Building an interactive 3D event badge with React Three Fiber – Vercel"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-collective-827-knwbss6zl","name":"The Collective #827"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/moebius-style-post-processing-and-other-stylized-shaders-b3bmztrpk","name":"Moebius-style post-processing and other stylized shaders"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/creating-an-interactive-3d-bulge-text-effect-with-react-three-fiber-xnyyevh6e","name":"Creating an Interactive 3D Bulge Text Effect with React Three Fiber"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/on-scroll-revealing-webgl-images-sievoo9os","name":"On-Scroll Revealing WebGL Images"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/3d-glass-portal-card-effect-with-react-three-fiber-and-gaussian-splatting-qhmd6yif7","name":"3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/progressively-enhanced-webgl-lens-refraction-62tpuc2id","name":"Progressively Enhanced WebGL Lens Refraction"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/react-three-js-creating-your-own-3d-shooter-part-1-ztbzz4exn","name":"React + Three.js. Creating your own 3D shooter. Part 1"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"React Three Fiber"}]}]} ```