Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Studying offline 3D vibe-coding with Three.js: - Gemma 4 E4B runs on-device via llama.cpp (or in-browser via transformers.js, ~13x slower). - Scene renders through WebGPU→Dawn→Metal. - A grammar + verifier outside the weights makes the model reliable at Three.js.

Renaud

12,380 subscribers

13,101 views • 20 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

I don't think people realize how versatile WebGPU is! 🤯 In this demo, both the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

Xenova

18,317 views • 2 months ago

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!

Windsurf

56,319 views • 1 year ago

Offline vibe coding with Gemma 4. This open-source Electron app runs entirely on your Mac via Apple's MLX framework. No Wi-Fi required.

Offline vibe coding with Gemma 4. This open-source Electron app runs entirely on your Mac via Apple's MLX framework. No Wi-Fi required.

Google Gemma

388,556 views • 2 months ago

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 views • 1 year ago

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

Renaud

13,713 views • 2 years ago

Just made Pascal's item catalog infinite. Pulling 3D objects straight out of images, live in the browser. SAM 3D Objects + Three.js + WebGPU. 👇

Just made Pascal's item catalog infinite. Pulling 3D objects straight out of images, live in the browser. SAM 3D Objects + Three.js + WebGPU. 👇

Wawa Sensei

46,595 views • 2 months ago

NEW: Perplexity just released pplx-embed, a series of powerful embedding models. Inspired by their logo, I built a small semantic search demo: enter a query and the model retrieves the most relevant page. Everything runs locally in your browser with Transformers.js and Three.js

Xenova

11,092 views • 4 months ago

I think Reachy is the one who needs chess lessons… 😅 Robotics meets WebAI: Gemma 4 running fully offline on WebGPU with Transformers.js, controlling Reachy Mini over WebSerial. No internet, just a browser and a USB-C cable. What should Reachy play next?

I think Reachy is the one who needs chess lessons… 😅 Robotics meets WebAI: Gemma 4 running fully offline on WebGPU with Transformers.js, controlling Reachy Mini over WebSerial. No internet, just a browser and a USB-C cable. What should Reachy play next?

Xenova

42,407 views • 1 month ago

And here’s a peek behind the scenes. 👀 A minimal Electron app connects to Azure Kinect via Node.js, reconstructs a 3D skeleton with Three.js, and reacts to motion intensity based on the velocity of some key bones. #WebGPU #Threejs

And here’s a peek behind the scenes. 👀 A minimal Electron app connects to Azure Kinect via Node.js, reconstructs a 3D skeleton with Three.js, and reacts to motion intensity based on the velocity of some key bones. #WebGPU #Threejs

Renaud

15,580 views • 11 months ago

exploring living data on a hologram terrain, running in the browser with three.js

exploring living data on a hologram terrain, running in the browser with three.js

Taylor

47,076 views • 4 months ago

Private AI browser with the OpenClaw agent on free local models Run your agent on Qwen, Gemma, or Nemotron directly in the browser Open source. Private. Runs on your local device

Private AI browser with the OpenClaw agent on free local models Run your agent on Qwen, Gemma, or Nemotron directly in the browser Open source. Private. Runs on your local device

Sigma Browser

114,382 views • 2 months ago

Introducing Phi-3 WebGPU, a private and powerful AI chatbot that runs locally in your browser, powered by 🤗 Transformers.js and onnxruntime-web! 🔒 On-device inference: no data sent to a server ⚡️ WebGPU-accelerated (> 20 t/s) 📥 Model downloaded once and cached Try it out! 👇

Introducing Phi-3 WebGPU, a private and powerful AI chatbot that runs locally in your browser, powered by 🤗 Transformers.js and onnxruntime-web! 🔒 On-device inference: no data sent to a server ⚡️ WebGPU-accelerated (> 20 t/s) 📥 Model downloaded once and cached Try it out! 👇

Xenova

117,690 views • 2 years ago

heightmaps, particles, and three.js in the browser

heightmaps, particles, and three.js in the browser

Taylor

39,315 views • 5 months ago

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.

Techartist

58,303 views • 11 months ago

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.

Mert Demirdelen

429,161 views • 1 year ago

Gemma 2 2B running in a browser, powered by WebLLM & WebGPU! 🔥 100% local & on-device In less than 24 hours, we've already got the model to the edge! ⚡ Try it out on an HF space below:

Gemma 2 2B running in a browser, powered by WebLLM & WebGPU! 🔥 100% local & on-device In less than 24 hours, we've already got the model to the edge! ⚡ Try it out on an HF space below:

Vaibhav (VB) Srivastav

53,790 views • 1 year ago

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

147,333 views • 2 months ago

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 views • 1 year ago

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking 👋💠 In this 🧵: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 views • 1 year ago

WebGPU is INSANE! 🤯 Here's a 24B parameter model running locally in a web browser, at a blazing ~50 tokens/second on my M4 Max. ⚡️ It's the largest model we've ever run with Transformers.js... and we're not stopping here. Big announcement soon.

WebGPU is INSANE! 🤯 Here's a 24B parameter model running locally in a web browser, at a blazing ~50 tokens/second on my M4 Max. ⚡️ It's the largest model we've ever run with Transformers.js... and we're not stopping here. Big announcement soon.

Xenova

36,159 views • 3 months ago