Loading video...

Video Failed to Load

Go Home

react three fiber + three.js for react. pure claude code if you're a designer who's been scared of the coding part, this is your sign it doesn't have to be yours anymore

synccreationn's profile picture

synccreation

10,680 subscribers

22,651 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

three/webgpu + TSL in react-three-fiber, if you ever wanted to try it out though this part of three is under construction it has great potential. former cpu tasks could quite effortlessly be put onto the gpu.
0:14

three/webgpu + TSL in react-three-fiber, if you ever wanted to try it out though this part of three is under construction it has great potential. former cpu tasks could quite effortlessly be put onto the gpu.

☄︎

20,572 views • 1 year ago

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗
0:15

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗

Design.Gabor

19,581 views • 1 month ago

Created a multiplayer game with Three.js and PartyKit. It also uses WebRTC to connect your phone as a controller It will be part of my talk at React Miami (source will be public soon)
0:17

Created a multiplayer game with Three.js and PartyKit. It also uses WebRTC to connect your phone as a controller It will be part of my talk at React Miami (source will be public soon)

Matias 🧉

123,380 views • 1 year ago

React Native WebGPU 🤝 Three Fiber
0:17

React Native WebGPU 🤝 Three Fiber

William Candillon

37,636 views • 1 year ago

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest
0:13

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest

Aiden Bai

777,158 views • 29 days ago

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.
0:18

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.

Zsolt Kacso

31,698 views • 1 month ago

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app
0:11

Introducing React Grab: Select elements and edit with Cursor/Claude Code Works in your localhost and in any React app

Aiden Bai

525,198 views • 6 months ago

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest
0:14

Introducing React Grab Select any element on your page → tell Claude Code or Codex what to change Fully open source npx react-grab@latest

Aiden Bai

950,268 views • 3 months ago

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-fiber
0:13

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-fiber

SHAHNAB AHMED

14,507 views • 2 months ago

react devs realising they have been deprecated by claude 3.5
0:11

react devs realising they have been deprecated by claude 3.5

des

88,591 views • 1 year ago

Simplicity is at the heart of great software. This is one of the reasons why Claude Code has been sticky for me. As a builder, I love planning and brainstorming, and this is now a key focus of Claude Code. I use Shift + Tab a lot to cycle between brainstorming, planning, and execution. This functionality provides the appropriate interface for me to either be very involved or less involved as I please. This works particularly well when building out new and complex features or entire new projects. This saves a huge amount of time. It allows me to tune Claude Code to execute and build more effectively. It also builds a loop of trust, and I often (surprisingly) find Claude Code asking for clarifications when it's confused. Coding agents don't normally do that. I have shared before on the power of brainstorming with AI for longer times. Try it and you will not be disappointed. Vibe coding is fun, but pair it with intentional development cycles, and you watch how far you can take a project with coding agents today.
0:10

Simplicity is at the heart of great software. This is one of the reasons why Claude Code has been sticky for me. As a builder, I love planning and brainstorming, and this is now a key focus of Claude Code. I use Shift + Tab a lot to cycle between brainstorming, planning, and execution. This functionality provides the appropriate interface for me to either be very involved or less involved as I please. This works particularly well when building out new and complex features or entire new projects. This saves a huge amount of time. It allows me to tune Claude Code to execute and build more effectively. It also builds a loop of trust, and I often (surprisingly) find Claude Code asking for clarifications when it's confused. Coding agents don't normally do that. I have shared before on the power of brainstorming with AI for longer times. Try it and you will not be disappointed. Vibe coding is fun, but pair it with intentional development cycles, and you watch how far you can take a project with coding agents today.

elvis

81,765 views • 7 months ago

This is not Grok-4. It's an Opensource AI Coding model soon to be coming out of China. And it works incredibly well with Cline and Claude Code. It's going to be a huge day for AI coding models.
0:19

This is not Grok-4. It's an Opensource AI Coding model soon to be coming out of China. And it works incredibly well with Cline and Claude Code. It's going to be a huge day for AI coding models.

Shubham Saboo

220,584 views • 11 months ago

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest
0:15

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest

Aiden Bai

569,833 views • 11 days ago

Still one of my fav projects I worked on in the day job – an interactive experience showing low-carbon technology for the home Custom 3D models created in Blender 🔶 and everything is rendered in the browser using Three.js and the awesome react-three-fiber
0:18

Still one of my fav projects I worked on in the day job – an interactive experience showing low-carbon technology for the home Custom 3D models created in Blender 🔶 and everything is rendered in the browser using Three.js and the awesome react-three-fiber

Robin Hawkes

26,525 views • 3 years ago

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.
0:11

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

Vercel

274,679 views • 2 years ago

And of course the pinball table works in AR! Thanks to the amazing REACT-three/xr library. Only a 100 lines of code or so to wire it up. Load it up on your fav headset to play it in your space!
0:14

And of course the pinball table works in AR! Thanks to the amazing REACT-three/xr library. Only a 100 lines of code or so to wire it up. Load it up on your fav headset to play it in your space!

Daniel Beauchamp

46,134 views • 6 months ago

📣 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 Fiber
0:15

📣 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 Fiber

Mustafa Ali

262,430 views • 1 year ago

🚀 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 👇
0:13

🚀 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 👇

Wawa Sensei

14,696 views • 2 years ago

If your parents react like this after not seeing you for three days, you are rich. ❤️
0:11

If your parents react like this after not seeing you for three days, you are rich. ❤️

Positive Side of 𝕏

3,357,633 views • 24 days ago

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

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

Daniel Beauchamp

53,894 views • 1 year ago