The page and the 3D,
edited together.
nuflo collapses 3D-on-the-web into one place. Two halves, one project: your page and your scene — live, side by side. Change a node, the page updates. Change the layout, the 3D composites in.
Two halves.
One canvas.
A split editor keeps both live. Edit your HTML and your node graph at the same time, and watch them composite into one page in real time. What you design is what ships.
- Live compositionChanges propagate both directions instantly
- Shared selectionClick an element, see its node
- One source of truthPage and scene live in the same project file
Everything is
a signal.
Mouse, scroll, time, pointer and viewport state flow through the graph as continuous values. Pipe scroll progress into a rotation, the pointer into a color, a clock into a wave — no keyframes to manage.
- Continuous, not steppedSmooth values, derivative-aware
- Reacts to the visitorThe scene is alive without animation code
- Composable mathMix, clamp, ease, integrate — all nodes
Premium materials,
rendered every frame.
A real-time WebGPU renderer brings the glossy, opalescent "studio" look that makes 3D feel expensive — PBR, MatCap, thin-film iridescence, studio lighting, bloom and tone mapping — running live in the browser.
- WebGPU first, WebGL2 fallbackModern pipeline with universal support
- Thin-film & iridescenceThe look that ships at the high end
- No pre-rendered videoLive and interactive, rendered every frame
One tag.
Any page.
A finished scene compiles to a transparent <nf-scene> component that composites straight into your page — no multi-megabyte video loops, no bundler gymnastics.
- Drop-in web componentWorks with any framework or none
- Transparent compositingSits behind your content as a layer
- Ships as data, not videoScenes are compact data files, not multi-megabyte loops
Simple, fair pricing.
Free to start, transparent as you grow. No seat taxes. Cancel anytime.
Free
For solo creators and experiments.
- Unlimited projects
- Full editor + real-time rendering
- Community components
- Web export & self-host (watermarked)
- Standard-resolution image export
Studio
For designers and developers shipping real work.
- Everything in Free, plus:
- Clean exports — no watermark
- High-resolution image export
- Video export
- Email support
Team
For teams shipping production work together.
- Everything in Studio, plus:
- Shared team workspace
- Role-based access
- Centralized billing
- Priority support
Things designers ask before signing up.
Do I need to know shaders?
No. The node graph covers materials, lights, and effects. Drop into code only when you want to.
Will the scene work on iPhones?
Yes. We render on WebGPU where available and fall back to WebGL2 — covering every modern browser.
Can I export to my own stack?
Yes. Every scene exports as a standalone web component you can drop into any framework — or none.
Do I own what I build?
Yes. Published scenes export as standalone files you can host anywhere — no runtime call back to us, no vendor lock-in. The Free plan is free forever for solo creators.
How big is the runtime?
The runtime is a real-time renderer compiled to WebAssembly. It loads once and is cached across pages and visits; your scene itself ships as a small data file — not a video — so each scene you embed stays light.
Can I host the scenes anywhere?
Yes. A published scene is a static file you can serve from any CDN — or self-host. There's no production dependency on nuflo.