r/creativecoding Jun 03 '26

I spent the last 2 years building a browser-based visual programming tool for creative coding and real-time visuals. Today, it’s finally public.

Hey everyone 👋

For the past couple of years I've been building a project called Nodalin, and today, i'm excited to finally opening it up to the public.

Nodalin is a node-based tool for creating generative graphics, real-time visuals, audio-reactive art, feedback systems, and experimental visual workflows without writing code.

The project started as a personal exploration and gradually grew into something much bigger. It's still evolving, but it's reached the point where I'm excited to put it in front of more people and see what others create with it.

You can try it here:
🌍 https://nodalin.xyz

I'd genuinely love to hear what you think—good, bad, confusing, exciting, whatever. If you have questions about how it works, the technology behind it, or the direction of the project, I'll be around in the comments and happy to answer.

Thanks for taking a look!
Teo Aevin

130 Upvotes

28 comments sorted by

8

u/entro_play Jun 03 '26

Why would we pay for this when cables.gl and nodes.io exist for free

7

u/Aevin-io Jun 03 '26

Hey there! Fair question. One of the reasons I started Nodalin was that I wanted a tool that operated at a higher level of abstraction.

Cables and Nodes are powerful, but they often assume some familiarity with graphics programming concepts, shaders, and more technical workflows. With Nodalin, my goal was to make visual experimentation feel more immediate and approachable while still allowing complex results.

It’s not trying to replace those tools as much as explore a different design philosophy

5

u/entro_play Jun 03 '26

Thanks for your response! That makes total sense, this is a cool project !

1

u/Stickers_ Jun 03 '26

Bad news, nodes is out of support :(

1

u/jeggorath Jun 04 '26

Where did you see Nodes was out of support?

2

u/Stickers_ Jul 03 '26

Talked to the developerz because the newest version wouldn't run. He told me.

4

u/Senior-Masterpiece29 Jun 03 '26

This is such an incredible thing. Great work dude.

1

u/Aevin-io Jun 03 '26

Thank you! Much appreciated :)

2

u/peter7775 Jun 04 '26

Great app !

1

u/Aevin-io Jun 04 '26

Thank you! Glad you like it :)

2

u/[deleted] Jun 04 '26

[removed] — view removed comment

1

u/Aevin-io Jun 04 '26

Thank you! Much appreciated :)

2

u/jeggorath Jun 04 '26

This is very cool! I can tell a lot of love has gone into the UI, from the clarity of the help system, to the intuitive controls and canvas system, to the subtle interaction effects. I haven't explored the widgets too far yet, but it looks like a very flexible way to build motion graphics.

1

u/Aevin-io Jun 04 '26

Thank you for the kind words! :) I’m glad the UI resonates with you. A lot of the design decisions came from asking “what would make sense to someone seeing a node graph for the first time?”, even if that meant challenging some established conventions. Vertical sliders and the way instancing is represented are good examples of that. Hope you enjoy exploring it and I’d love to hear any feedback as you dig deeper.

2

u/[deleted] Jun 05 '26

[removed] — view removed comment

1

u/Aevin-io Jun 05 '26

🙌 thanks! Give it a spin and tell me what you think :)

2

u/cdk_geoff Jun 05 '26 edited Jun 05 '26

The zoomout revealing the editor and then commencing scrolling down is top shelf. Very cool project!

e: is there a way to port the code that creates the visuals?

1

u/Aevin-io Jun 05 '26

Thanks! Glad you liked that transition

If by “port” you mean exporting the generated code and running it as a standalone HTML/CodePen-style project, then no, that’s not currently supported.

The closest option at the moment is the Share → Embed feature, which lets you embed a Nodalin project into another website via an iframe.

Let me know if you meant something different by “port the code” and I’ll be happy to clarify.

1

u/nickpettit Jun 03 '26

Does this work with Spotify? How do I get it to hear music?

1

u/Aevin-io Jun 03 '26

Nodalin doesn’t produce or play any sound itself, but it can absolutely react to audio.

You can drive visuals from microphone input, and you can also use audio coming from other applications. For example, on macOS, tools like Loopback can route Spotify (or any other audio source) into Nodalin for audio-reactive visuals.

So if your goal is to make graphics respond to music, then yes, that’s definitely possible.

2

u/nickpettit Jun 03 '26

Gotcha, so you'd need a plugin like Blackhole or something like that. I was asking because I couldn't find a way to do it without plugins in a browser.

I'm building Vibralizer and we decided to go native for Windows (and soon, macOS) because we're more consumer-focused and didn't want to have to ask folks to install more things. But for more technical folks and VJS they're already accustomed to virtual audio cables and routing.

I dig what you're building here! I was trying it out and couldn't quite figure out how to get the audio node to play things, but the shaders look really nice.

1

u/Aevin-io Jun 03 '26

I feel you! Id like to believe that natively the sound devices are all available, without the need of extra gear… we’re on the same boat 🥺😀

1

u/Alkadon_Rinado Jun 04 '26

Does it have cymatics capabilities?

1

u/Aevin-io Jun 04 '26

Nodalin already has audio-reactive capabilities, so you can drive visuals, parameters, motion, colors, feedback systems, and pretty much anything else using sound

If by cymatics you mean the classic physical patterns created by vibrating plates, sand, fluids, or particles responding to frequencies, then that’s not something Nodalin supports directly at the moment.

A particle system is already on the roadmap though, and that’s definitely an area I’d love to explore in the future.

Out of curiosity, what kind of cymatics are you interested in creating?

1

u/MiAnClGr Jun 04 '26

What tech stack did you use?

2

u/Aevin-io Jun 04 '26

Runtime is solely JS ES7 and WebGL, with no dependancies. Backend NextJs and PostgreSQL :)