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.

Here is my new open-source isometric rooms project, Built with Claude Opus 5. Every room is built entirely with JavaScript no 3D engine, no libraries & no framework.Even the sounds are generated in real time with JavaScript. Live: Code: If you’re looking to build a unique interactive web experience... show more

Chiro Visuals

2,302 subscribers

18,203 views • 12 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

36 Comments

hexianWeb11 days ago

First, I really love the use of isometric perspective, the post-processing effects, and the countless details in this work—it's fantastic. Second, he used Three.js.

Chiro Visuals11 days ago

Source code in the description, let me know if it uses any Threejs 😅✨

Divyanshu11 days ago

Maybe I should have used game engines too?

Chiro Visuals11 days ago

Depending on the usecase ✨

Slopa12 days ago

game engines are overrated, good choice

Chiro Visuals12 days ago

Thanks ! hope u like it

Slopa12 days ago

some sounds are very satisfying. some prob can be smoothened to be less sharp. room is clean and cozy, do you see any usecases for this scene?

Chiro Visuals12 days ago

I think just a full javascript project to be added to my portfolio, I didn't think about any other use case

Riya11 days ago

it's freaking so good! can't wait to try it

Chiro Visuals11 days ago

Thanks ✨🙌

Big Kid Nation11 days ago

This is excellent. Thanks for making it Open source too.

Chiro Visuals11 days ago

Thank you for checking it out !

Nawwara12 days ago

Oh la la 🫶 very creative

Chiro Visuals12 days ago

Thank you !

Curious Nori | AI · Food · Travel11 days ago

Love your work 🙂

Chiro Visuals11 days ago

Thank you ✨🙌

shabbir kabir11 days ago

very nice

Chiro Visuals11 days ago

Thanks 🙌

Hammermann12 days ago

This has such a nice vibe to it!

Chiro Visuals12 days ago

Thanks ! ✨

Andura12 days ago

Thanks for putting this out. Really inspiring work.

Chiro Visuals12 days ago

Thank you 🙌✨

Homie Santo11 days ago

Nice, looks clean

Chiro Visuals11 days ago

Thank you !✨

Narayan Babu11 days ago

Love it. It is the minor details and finesse that makes it special.

Chiro Visuals11 days ago

Much appreciated, Thank you ✨

mono11 days ago

This is amazing!

Chiro Visuals11 days ago

Thanks ! ✨

Andrii Solokh11 days ago

so it is not even a three.js ? what it's then? it should be some form of canvas?

Chiro Visuals11 days ago

yep canvas with native javascript ✨

Andrii Solokh11 days ago

Looks nice, especially windows, raining city and lightning. show it 2 years ago, it would be so crazy!

Adam Leis11 days ago

I love this. I've seen isometric rooms, I've seen cool personalized portfolios, but this sparks the idea to do some connected isometric rooms as a portfolio (or psuedo-"self portrait"). Very cool. Bravo!

Chiro Visuals11 days ago

Thank you ! ✨

Lortbyron11 days ago

I love all of your work and what you build! I’m curious to know where you get your inspiration from.

Chiro Visuals11 days ago

Most times from X, I find something cool and i try to recreate it with my own touch ✨

solarfren11 days ago

wow nice "feel"

Related Videos

The asset pipeline is becoming code. Willowmere was built with Claude Opus 5.5: • No PNGs • No 3D model files • No audio samples Every object is generated procedurally with Three.js, while the music and sound effects are synthesized in-browser through the Web Audio API. Game design still needs taste. But the production bottlenecks are disappearing fast.

The asset pipeline is becoming code. Willowmere was built with Claude Opus 5.5: • No PNGs • No 3D model files • No audio samples Every object is generated procedurally with Three.js, while the music and sound effects are synthesized in-browser through the Web Audio API. Game design still needs taste. But the production bottlenecks are disappearing fast.

Jurly

35,135 views • 6 days ago

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:

Chiro Visuals

24,419 views • 1 month ago

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:

Chiro Visuals

47,160 views • 1 month ago

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.

Jared Rhodenizer

18,896 views • 2 months ago

This campfire is 100% procedurally generated at runtime with Flutter Scene. No model files, no image assets. Recorded in debug mode. A full 3D engine built entirely on Flutter's built-in graphics API, Flutter GPU. No forks, no native renderer integrations. macOS, Windows, Linux, iOS, Android, web, and custom embedders.

This campfire is 100% procedurally generated at runtime with Flutter Scene. No model files, no image assets. Recorded in debug mode. A full 3D engine built entirely on Flutter's built-in graphics API, Flutter GPU. No forks, no native renderer integrations. macOS, Windows, Linux, iOS, Android, web, and custom embedders.

Brandon DeRosier

11,241 views • 2 months ago

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Riley Brown

51,044 views • 9 months ago

Told Claude Fable 5 to make a Vampire Survivors clone in pure C++, no engine, no asset files Everything from sprites, sounds, graphics to music tracks is generated by code at runtime Source code is in the thread below

Told Claude Fable 5 to make a Vampire Survivors clone in pure C++, no engine, no asset files Everything from sprites, sounds, graphics to music tracks is generated by code at runtime Source code is in the thread below

Lentils

99,199 views • 3 months ago

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Daniel San

28,410 views • 1 year ago

I've built a new open-source Elemental Sandbox, a VFX playground built with Three.js, Contianing 10 new complex abilities, every one of them fully customizable, live, while the sim is paused. Everything you see is generated: no textures, no sprite sheets, no baked meshes. Hand-written GLSL, GPU-simulated instanced particles, raymarched volumes, world position resolved in the vertex shaders. Source code : Live link:

I've built a new open-source Elemental Sandbox, a VFX playground built with Three.js, Contianing 10 new complex abilities, every one of them fully customizable, live, while the sim is paused. Everything you see is generated: no textures, no sprite sheets, no baked meshes. Hand-written GLSL, GPU-simulated instanced particles, raymarched volumes, world position resolved in the vertex shaders. Source code : Live link:

Chiro Visuals

56,126 views • 26 days ago

I built a bot on an ESP32 that can create full projects by itself. Ask it to generate images, videos, 3D, build a website and publish it, it does everything autonomously. Powered by Claude Opus 4.6 for code, visual content generated with fal, bot powered via OpenClaw🦞 The skills to generate project with fal are here All running on a tiny M5Stack Core2.

I built a bot on an ESP32 that can create full projects by itself. Ask it to generate images, videos, 3D, build a website and publish it, it does everything autonomously. Powered by Claude Opus 4.6 for code, visual content generated with fal, bot powered via OpenClaw🦞 The skills to generate project with fal are here All running on a tiny M5Stack Core2.

Lovis Odin

50,520 views • 7 months ago

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA

Julian Galluzzo

45,632 views • 9 months ago

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

Victor Work

24,069 views • 10 months ago

i built a dashboard for my claude code sessions: 254 sessions across 58 projects over 3 months 🤖🧚‍♀️ - 3d terrain map of token usage over time - session cards with first/last prompts, hover to expand - click to resume any past session in-browser - activity heatmaps, project treemaps code available for my x subscribers <3

i built a dashboard for my claude code sessions: 254 sessions across 58 projects over 3 months 🤖🧚‍♀️ - 3d terrain map of token usage over time - session cards with first/last prompts, hover to expand - click to resume any past session in-browser - activity heatmaps, project treemaps code available for my x subscribers <3

Kat ⊷ the Poet Engineer

356,099 views • 6 months ago

South Korea is bringing home cultural assets stored in foreign museums with an innovative project to digitize them for use in real-time 3D environments with a pipeline built upon Unreal Engine and RealityScan. Learn how it was made: #photogrammetry

South Korea is bringing home cultural assets stored in foreign museums with an innovative project to digitize them for use in real-time 3D environments with a pipeline built upon Unreal Engine and RealityScan. Learn how it was made: #photogrammetry

80 LEVEL

22,475 views • 2 years ago

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Frank Force 🌻

16,699 views • 4 months ago

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Pietro Schirano

134,956 views • 1 year ago

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 views • 7 months ago

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

ANTHROPIC 🔥: Claude Tag is coming to Claude Desktop in the form of collaborative Projects for Claude Code. That's essentially a built-in Slack 👀 > Earlier spotted Managed Projects feature got a slight upgrade, mentioning that users will be able to spawn different threads within a single project session. > Project creation UI got a new option to add repositories as context, which will be used across all sessions. The upcoming Projects for Claude Code feature is expected to enable teams and individuals to work collaboratively inside Claude Desktop, as they would with Claude Tag on Slack. Claude Code Projects will have persistent context and memory, which Claude will periodically refine and improve over time.

🚨 AI News | TestingCatalog

90,939 views • 1 month ago