New Astro + View Transitions demo ✨ This time... using React Three Fiber to render an animated 3D model that persists across page-navigations.show more

🧵How I made this interactive 3D scene with Blender... and react-three-fibershow more

I made an animation for bulma past week using... camera tracking, this time I wanted to made a new render for it 😁 #animation #3d #bulmashow more

Interactive 3d explorer with React Three Fiber. Worked with... an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.show more

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data... behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓show more

📣 We are bringing WebGPU to React Native! This... update enables: 🚀 Modern GPU APIs (Vulkan & Metal) and enables general purpose GPU computation for AI/ML 🐎 Seamless Reanimated integration 🧊 Bringing stunning 3d experiences to React Native using ThreeJS and React Three Fibershow more

Learn how we built our interactive 3D badge for... Vercel Ship with React Three Fiber.show more

A new version of React Native Bottom Tabs 0.8.0... is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧show more

it's getting to the point where i can just... feel that an app is using RSCs when i use it - nearly 1s page navigations i'm sure it can be improved but yet to come across an RSC app in the wild that feels good about to say v0 but just checked idk if they're using them anymoreshow more

⭐️3D Model Live Tracking Showcase ⭐️ Live Demo of... the 3D model i created using Blender!!show more

The View Transitions API for Single-Page Apps (SPAs) is... in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreirashow more

Trying View Transitions in Next.js using 's next-view-transitions library.... Love how straight-forward this was.show more

Use AI to render 3D Workflows with Blender, Magnific,... new 3D model from Stability and new powerful 3D tools form NVIDIA Let’s have a look.show more

React Native WebGPU 🤝 Three Fiber

Introducing the new react-three-next: Integrate seamlessly 3D into your... Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:show more

The hero on the latest Shopify Editions page was... all built with React Three Fiber. Here’s how we did it 👇show more

I animated Eelektross' 3D Pokemon model walking using its... walk cycle reference as... referenceshow more

🚀 Just launched the beta version of the new... React Three Fiber Ultimate Guide landing page! I'd love to hear your feedback as I continue to improve it. Explore and dive into the chapters here 👇show more

The world is fractured by wealth- a 3D fragile... map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL Three.js React-three-fibershow more

❌ Avoid using conditionals to render views in React... ✅ Instead use Enumsshow more

❌ Avoid using conditionals to render views in React... ✅ Instead use Enums ↓show more