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.

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

12,649 subscribers

58,303 views • 11 months ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

10 Comments

Techartist11 months ago

The 3D model used from Three.js examples is by Tomas Laulhe with modifications by Don McCurdy.

Himanshu Kumar11 months ago

@xai @threejs Impressive! Coding education could leap ahead if classrooms embraced AI pair programmers.

Aurora Stecher11 months ago

@xai @threejs Looks fun. 🤩

Techartist11 months ago

@xai @threejs Thanks ❤️🙏🏼, that was the goal.

Dan11 months ago

@xai @threejs wow this was only grok?

Techartist11 months ago

@xai @threejs Thanks, yes just Grok 4 (not Heavy)

Automation11 months ago

@xai @threejs 🤩🎶⚡️⚡️🎶

Techartist11 months ago

@xai @threejs ❤️🙏🏼

🐧 lalo adrian morales 𝕏11 months ago

@xai @threejs that's rad ! what are the lil windows ?? terminals?

Techartist11 months ago

@xai @threejs Thanks ❤️🙏🏼, they represent holographic panels

Related Videos

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,475,993 views • 9 months ago

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

Techartist

14,276,434 views • 11 months ago

We’re diligently improving Grok, building a specialized coding model, improving multi modal capabilities, and developing a strong model for video generation and understanding. Grok on Web: Grok on iOS: Grok on Android: Grok API console:

We’re diligently improving Grok, building a specialized coding model, improving multi modal capabilities, and developing a strong model for video generation and understanding. Grok on Web: Grok on iOS: Grok on Android: Grok API console:

xAI

176,186 views • 11 months ago

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Techartist

1,006,901 views • 9 months ago

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,986,432 views • 11 months ago

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form

AA

175,362 views • 11 months ago

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 views • 10 months ago

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

Techartist

2,853,462 views • 10 months ago

Built a webpage using Grok 4 Heavy to generate Grok Imagine prompts, based on Grok prompting tips from the web. Funny side note: I have scheduled tasks sent to my inbox from Grok4. One arrived while recording this video. Doomers are citing ethics about memes. 😂

Built a webpage using Grok 4 Heavy to generate Grok Imagine prompts, based on Grok prompting tips from the web. Funny side note: I have scheduled tasks sent to my inbox from Grok4. One arrived while recording this video. Doomers are citing ethics about memes. 😂

tetsuo

922,175 views • 10 months ago

Vibe coding with xAI grok 4 and Qwen Image on my phone

Vibe coding with xAI grok 4 and Qwen Image on my phone

AK

3,151,227 views • 10 months ago

Grok 4 coded this great 3D Ball runner game based on a few prompts. It's easy to play in the Grok window.

Grok 4 coded this great 3D Ball runner game based on a few prompts. It's easy to play in the Grok window.

Testlabor

3,030,705 views • 10 months ago

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below

AA

244,071 views • 11 months ago

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,257 views • 11 months ago

Team integrated Grok-4-fast-reasoning and Grok-coding-fast-1 this weekend. Fast as F...! More like Mach 4, not Grok 4. Congrats xAI team! 🇺🇸

Team integrated Grok-4-fast-reasoning and Grok-coding-fast-1 this weekend. Fast as F...! More like Mach 4, not Grok 4. Congrats xAI team! 🇺🇸

Shyam Sankar

103,694 views • 8 months ago

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪

Skirmantas Januškas 📡

218,675 views • 1 year ago

BREAKING 🚨: xAI released "Grok 4 Fast" in Early beta on the Grok web. Here is a comparison of Grok 4 vs. Grok 4 Fast in terms of speed. Fastest AI on the Earth? 👀

BREAKING 🚨: xAI released "Grok 4 Fast" in Early beta on the Grok web. Here is a comparison of Grok 4 vs. Grok 4 Fast in terms of speed. Fastest AI on the Earth? 👀

TestingCatalog News 🗞

75,101 views • 8 months ago

xAI is building a native desktop coding app called Grok Build. GitHub Copilot and JetBrains have dominated this space for years. Grok just showed up to compete on their turf. xAI is going after the IDE market directly.

xAI is building a native desktop coding app called Grok Build. GitHub Copilot and JetBrains have dominated this space for years. Grok just showed up to compete on their turf. xAI is going after the IDE market directly.

Mario Nawfal

107,931 views • 1 month ago

GrokPromptFun uses the xAI API to analyze images and provide optimized prompts for Grok Imagine. You can also enter brief image descriptions and get improved Imagine prompts. Entire webpage was built using Grok 4! It's free to use.

GrokPromptFun uses the xAI API to analyze images and provide optimized prompts for Grok Imagine. You can also enter brief image descriptions and get improved Imagine prompts. Entire webpage was built using Grok 4! It's free to use.

tetsuo

1,089,055 views • 10 months ago

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇

Nima Owji

1,445,698 views • 1 year ago

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 views • 10 months ago