@italoalmeida0
Made an online entry point for USAL -- someone reading your README can upload their own HTML page, describe which sections to animate, and see the scroll effects applied immediately.
The data-usal attribute API is one of the cleanest parts of the design -- fade-u, zoomin delay-400 blur, flip-r once -- each combination reads as a single intention rather than a configuration block. That directness is rare in animation libraries, where the norm is a JS config object or a CSS class soup. But the gap between reading those attribute examples in the README and actually seeing them run on real content is still a full npm-install-and-scaffold loop.
This entry point closes that gap. A visitor uploads a page, picks animation directions, and watches the scroll effects render. The run records also show which animation types and modifier combos people actually try -- useful signal for deciding which effects to feature in docs or which new presets to prioritize.
You can try it here.
Questions or feedback: shesonglin@tinkerland.ai
Feel free to close if this isn't relevant.
@italoalmeida0
Made an online entry point for USAL -- someone reading your README can upload their own HTML page, describe which sections to animate, and see the scroll effects applied immediately.
The
data-usalattribute API is one of the cleanest parts of the design --fade-u,zoomin delay-400 blur,flip-r once-- each combination reads as a single intention rather than a configuration block. That directness is rare in animation libraries, where the norm is a JS config object or a CSS class soup. But the gap between reading those attribute examples in the README and actually seeing them run on real content is still a full npm-install-and-scaffold loop.This entry point closes that gap. A visitor uploads a page, picks animation directions, and watches the scroll effects render. The run records also show which animation types and modifier combos people actually try -- useful signal for deciding which effects to feature in docs or which new presets to prioritize.
You can try it here.
Questions or feedback: shesonglin@tinkerland.ai
Feel free to close if this isn't relevant.