Polygonjs
Node-Based Design & Animation Tool for the Web
Live Demo•Docs & Tutorials•Marketplace•PricingLogin•Sign Up
Polygonjs helps you create interactive 3D for the Web
Interactive 3D is now everywhere. It is used for scientific visualisations, product showcases, video games, digital twins, configurators or artworks. And new use cases appear regularly.
Those experiences are notoriously difficult to create, as they require knowledge in both 3D and well, web. Crafting one that's functional can already be a challenge, and making it beautiful and performant is a whole different game. And we haven't even talked about the different specializations in 3D, like texture artists, modeller, riggers, animators, look dev, shader developer, etc. This can get complicated quickly.
Polygonjs helps you simplify this process by giving you tools that are integrated, easy to use, and extensible.
Yes! Yes! Yes! Yes! And Yes! to all of the above! I'm intrigued and ready to dive into it! This basically sounds like everything I've ever wanted [...]
Node-Based Workflow
In Polygonjs, you create 3D scenes by connecting nodes together. Some nodes help you generate geometries, others create materials, add behaviors to the scene objects, or handle user inputs. Each node does one thing and does it well.
This allows you to create your scene in a non destructive workflow, where you can try ideas without impacting the rest of your scene.
This makes experimenting risk-free, and results in 3D scenes that get prettier and more pleasant at every step. And you get better at your craft, fast.
houdini/touch designer in a browser, making interactive web 3d things. pretty cool.
Fully Procedural
It is not just the visual editor that's procedural. The core library is built to be fully procedural from the ground up.
This means that even once your scene is exported, you can still edit any parameter and see the changes propagate through the scene. This is great for product configurators or game dynamics. Or wherever you need to tie the 3D scene with any other code. Use our minimalist javascript API to update the scene based on any user interaction.
Polygonjs works with your favorite tech stack
Polygonjs is framework-agnostic. It only needs javascript to run. This means you can integrate it with the tech stack you prefer, whether it is React, Vuejs, Vanilla js, or even Webflow. And we plan to add more to this list.
Also, the editor is just an npm package. This allows you to specify exactly which version you want in a project. Upgrade or downgrade just by changing the version in your package.json file.
If you do work in an npm project, you'll very likely work with git. Polygonjs is designed to work with git just fine, as every file saved is either json files or plain javascript. And if you work with typescript, you'll have type definition files as well.
Let's be honest, 3D is just plain fun
Sometimes, you don't need a reason to create 3D. It's just fun. Physics are playful. Particles are hypnotizing. Creating custom materials is delightful. Procedural modeling is empowering.
Talking about fun, why don't you relax and enjoy this little mini-exploration-game? Use WASD keys to move, Shift to run and Space to jump.
I'm speechless😍. Can't imagine all the amazing things we will be able to do with it. One life isn't enough to learn all things we have to haha.
What's next?
If you haven't yet, you could start by going through the Documentation or watch Video Tutorials.
And if you feel like diving in, try the Live Demo or Examples.