Node Editor Canvas 🔊 Play:

Is this made with claude code? Not saying you can’t make this manually though, man. Just asking only 🙏🏻

100% Claude Code

Love it, man

open source?

It will be soon, along with some other things 🫡

I made a super massive black hole

whoa hidden feature 😄

This is too good

nice website

This is wild

this is very fucking cool

Any plans to incorporate building in LLM connection functionality? Been looking for an open source node editor where I can run my own APIs from openAI, Gemini, Kling, etc, instead of needing to pay for credits on most of these llm node canvases like freepik spaces, or flora ai

I'm working on a few other improvements and will open source it then you should be able to build whatever functionality you want on top of that. As for the Robot platform, I will be using node based systems in some of the creation tools.

I love the shock effect hitting the wall. You can really sense the raw power of the wave!

I like the design a lot

this is cool bro!

Beautiful! I personally use Obsidian locally then publish via a vibe-coded platform I host

that is different type of UX, love it. meow

Wow great work 🤩

BTW, going do a play on this. I have been testing different visual interfaces in 2D, 3D, Isometric with Claude Code, and the magnetic/gravity particle effect on a canvas grid is 🔥

Pretty cool!

So gawd damn beautiful

What is the keyword for the glowing effect when the mouse hovers over a certain part?

No special keyword. Just described what I wanted, like: "dot grid that reacts to the mouse" and iterated from there (a lot) until it felt right. I usually break effects down layer by layer, first I explain the full vision, then we tackle one element at a time. Add a dot grid → fine tune → now make dots react to mouse → fine tune → add glow falloff → fine tune, and so on. Trying to do it all in one prompt fails almost every time even with a solid plan.

Ahh, I see.that helps a lot! I’ve always wanted to add that effect. Thanks so much for the clear steps guidance.

Glad it helped. Just focus on the little details one step a time and you'll be good.

@nicholas_angks Out of curiosity, how often did you clear your context if at all? I'm assuming a TON of code was generated and iterated on to get to where you landed.

@nicholas_angks Yeah definitely cleared context, I did it over 2-3 different sessions, always documenting each at the end. Assuming you're referring to this particular component. For the whole platform I have over 50 md files worth of context. CC will always understand the mission.

@nicholas_angks Wow, amazing. Then I’m totally underusing md files 😅 this is super inspirational, thanks! How long has this whole thing taken?

@nicholas_angks 🙏

This would be open source?

The connectors don’t work on a mobile browser. I guess zoom in and out is also isn’t working as yet.

Hey! Just pushed a fix 🙌 Connectors now work on mobile: Tap & drag from the corner square to draw connections Bonus: The connect/dismiss buttons are now always visible on touch devices (no hover needed). Swipe across lines to cut them (this was missing). Zoom is coming.

Nice. That was quick. Panning is also pending I guess.

Panning would have to be an optional setting. If panning boundaries would have to be disabled, not sure if both features can coexist.

Maybe put the event handler for panning only on the background. And the event handler on the node does node level tasks and the connector only for the connection related tasks. Don’t forget to disable event propagation and it should work.

This is incredible, well done!

very nice!

I don't know if I'll get anything done today. I am having way too much fun playing with this. The details are incredible. Thanks for sharing!

Great Interaction, but how to get the invite code

can u make it so that u can write on the modules

I love this

holysh*t! awesome man!

Honestly, brilliant. I’ve often thought about how to give full size flexibility to nodes while also enabling grids esp for connection algos. This solves that. Seriously, great work.

This is so cool. What did you use to build it?

Thanks! Next.js, React, TypeScript, Canvas, Web Audio API, Framer Motion, built entirely with Claude Code without touching a single line of code

wtf loved this shit

omg pls make it open source

I can't stop, it's itching my brain.

real banger

animation is amazing bro, but what you can do with it in future?

Thanks! So many use cases: workflow builders, visual scripting, mind maps, automation pipelines. Anywhere you need to connect things visually. This is just the foundation. You can shape it into whatever you want from there once released.

Yeah, i think it will cool, wait the release

i'm kinda jelous, its awesome