NodePainter, procedural animation tool

Hi ! I’m julien and I made Node Painter.

Node painter is a graph based visual programming tool I’ve been working on since 2024. It’s designed to make small looping animation. Like this:

np3

Why

The app is entirely browser based, made with react and typescript.
I’ve been looking for a solution to synchronize my sketch across device for years. The most obvious solution would have been to implement a backend but I really really don’t want to be responsible for other people data.
Another solution would have been storing it as file on the user device to be synchronized with git, but with no direct access to the file system, the UX / Flow would have been terrible.
So I’ve been looking for a solution like remoteStorage for years!
I’ve briefly considered Solid but, although it looked more popular, it also seemed way more complicated.

How

I’ve added remoteStorage with the remoteStorage.js lib.
I already had a browser based local storage solution (using localStorage and indexedDb) so I’m not using the cacheSystem of rm.js . Basicaly remoteStorage is just added as a optional extra layer of storage on top of the existing system.
I’m not using or publishing a public data module either cause I don’t see a point in reusing NodePainter specific data format and save file elsewhere.
I’ve also added the ability to download all of your data as a zip file. I’m currently using a 5apps account but I’m planing to run my own rm instance later so the data export make futur change easier.

Futur plan

At some point It would be nice if you could “Publish” a sketch publicly with a sketch and I think remote storage may let me do that If i understand the documentation correctly.

Try it out

The option to connect to remote storage is in the settings !