Depth & parallax
PNG layers across distinct planes that move with scroll, mouse, and gyroscope to create a real sense of three-dimensionality.
Web experience engine · Vue 3
Websites that gain depth
as you scroll.
Parallax Engine composes immersive web pages out of real-depth layers: scroll parallax, mouse and gyroscope motion, animations, and transitions between worlds. Open source, built end-to-end with Claude Code.
What it is
An engine to build worlds, not just pages.
Instead of laying out flat blocks, Parallax Engine stacks PNG images into depth layers and animates them. The result: living scenes that respond to scroll, pointer, and device tilt, and that hand off from one world to another with crafted transitions. Everything is responsive and designed to feel fluid on any screen.
Capabilities
Six ideas that bring every scene to life.
Animations
Entrances, loops, hover and click states. Every element can have its own expressive behavior.
World transitions
Move from one scene to another with continuous transitions that keep the rhythm and narrative of the experience.
Responsive
Scenes adapt to mobile, tablet, and desktop without losing the composition or the feeling of depth.
Visual editor
A desktop app, Illustrator-style, for composing by dragging layers. Build sites without writing a single line of code.
AI assistance
Claude built into the editor to draft, tweak, and propose changes to your content in natural language.
The perfect companion
Design your worlds with the Parallax Editor.
A desktop app for macOS that turns the engine into a visual workbench: drag layers, edit content, ask the AI for help, and publish in one click. No code required.