Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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,642 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

React Native WebGPU 🤝 Three Fiber
0:17

React Native WebGPU 🤝 Three Fiber

William Candillon

37,636 görüntüleme • 1 yıl önce

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

778,618 görüntüleme • 1 ay önce

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

33,344 görüntüleme • 1 ay önce

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,241 görüntüleme • 6 ay önce

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

951,117 görüntüleme • 3 ay önce

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,527 görüntüleme • 2 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 11 ay önce

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

573,148 görüntüleme • 19 gün önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

🚀 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 görüntüleme • 2 yıl önce

📣 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,567 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 𝕏

4,061,757 görüntüleme • 1 ay önce