Built by Fiddle.Digital
Master Your Skills
Motion with weight, depth, and control — tuned to the scroll.
Live scroll signal
string="progress"Scroll to tune
Concentrate · keep scrolling · awaken the motion
Animate with elegance,not overhead.
The blade responds to one measured scroll signal. Type, light, and depth follow without turning the page into an animation framework.
Principles
Craft only what you need. Let every piece stand alone — or flow as one.
- 01
Modular architecture
Import only what the page uses.Small effects stay independent, then share one predictable motion surface.
- 02
Attribute integration
No ceremony. Just a signal.Readable attributes keep behavior beside the element they control.
- 03
Effortless setup
Set the tune once.The shared runtime initializes once and discovers the route automatically.
- 04
Performance first
Fast as a cut. Light as breath.DOM motion stays CSS-led while the 3D scene keeps its work inside one render loop.
Code with clarity
Tune the animation. Do not fight the DOM.
- 01Native
Start with native scroll.
- 02Measured
Map one stable progress value.
- 03Layered
Let type and depth answer together.
- 04Reduced
Respect the user's motion preference.