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 A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.

Techartist

15,067 subscribers

29,305 views • 11 months ago •via X (Twitter)

Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,877 views • 6 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,988,153 views • 1 year 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,280,021 views • 1 year ago

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?

Joseph Azar

93,557 views • 3 months ago

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

Techartist

12,243 views • 1 month ago

Inspired by sacred geometry and intermittent energy transmission, this Three.js experiment builds a living octahedral construct with holographic shaders, glowing orbitals, volumetric particles, and sci-fi UI aesthetics. Open-source code ↓

Inspired by sacred geometry and intermittent energy transmission, this Three.js experiment builds a living octahedral construct with holographic shaders, glowing orbitals, volumetric particles, and sci-fi UI aesthetics. Open-source code ↓

Techartist

36,975 views • 4 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,404 views • 1 year 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,478 views • 1 year ago

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,087 views • 1 year ago

Grok Code generates the most aesthetic UI/UX Design Built a stunning carousel with mesmerizing hover effects & glows - just 2 prompts in Kilo Code, and it nailed every detail Grok Code created Frosty esthetics - snowflakes, glassy vibes, everything I asked for, for a live feel Animated and interactive elements, clickable 𝕏 profile and links everything perfectly connected, super smooth, and insanely responsive Grok Code also created a stunning side-show, smooth transitions, glowing borders with Grok Imagine images It is straight-up a powerhouse for visual code and pure UI magic

X Freeze

1,104,204 views • 11 months ago

A glimpse at how interactive 3D can transform storytelling, tourism and education. Coded with ChatGPT 5.6 Sol and Three.js, this navigable Mediterranean world features landmark viewpoints, architecture, guided exploration and evolving daylight.

A glimpse at how interactive 3D can transform storytelling, tourism and education. Coded with ChatGPT 5.6 Sol and Three.js, this navigable Mediterranean world features landmark viewpoints, architecture, guided exploration and evolving daylight.

Techartist

71,748 views • 1 month ago

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

The Bugged Dev

18,762 views • 5 months ago

In this Spiral Wave Discharge experiment, argon gas is ionized into plasma. Magnetic fields confine and spin the charged particles, forming a stable glowing spiral. A live demo of plasma behavior under magnetism

In this Spiral Wave Discharge experiment, argon gas is ionized into plasma. Magnetic fields confine and spin the charged particles, forming a stable glowing spiral. A live demo of plasma behavior under magnetism

Bluntly Put Philosopher (BPP)

23,877 views • 7 months ago

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

Techartist

24,529 views • 1 month ago

Web 3d explorer for Oxide Computer Company. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours.

Web 3d explorer for Oxide Computer Company. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours.

Ben Leonard

101,591 views • 4 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

This isn’t a video. It’s a live, web-native prototype of work I designed for Trello. Real interface components. Real motion. Real interaction. It’s built in React and TypeScript—not rendered as a sequence of frames. I rebuilt the interface as live DOM so I could show the product work in motion, with panels, cards, and calendar elements layered independently in CSS 3D space. A custom browser timeline drives camera movement, rotation, depth, and pacing in real time, while responsive layouts and a Safari-optimized rendering path keep the experience smooth across devices. You can replay the sequence, switch views, and interact with selected parts of the interface directly on the page. It’s a front-end prototype, not a connected Trello product—but the interface, motion, and selected interactions are genuinely running in the browser. See it here: All built with OpenAI Developers Codex hosted on ChatGPT Sites.

This isn’t a video. It’s a live, web-native prototype of work I designed for Trello. Real interface components. Real motion. Real interaction. It’s built in React and TypeScript—not rendered as a sequence of frames. I rebuilt the interface as live DOM so I could show the product work in motion, with panels, cards, and calendar elements layered independently in CSS 3D space. A custom browser timeline drives camera movement, rotation, depth, and pacing in real time, while responsive layouts and a Safari-optimized rendering path keep the experience smooth across devices. You can replay the sequence, switch views, and interact with selected parts of the interface directly on the page. It’s a front-end prototype, not a connected Trello product—but the interface, motion, and selected interactions are genuinely running in the browser. See it here: All built with OpenAI Developers Codex hosted on ChatGPT Sites.

Levin Stanley

31,479 views • 7 days 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,657 views • 1 year ago