Andrii Sivtsov
Design Engineer, design and webflow development
DD39: Autoplay Video on Viewport
Play videos when they enter the viewport. Pause when they leave. Zero scroll listeners
Supports 3 ways to configure: global defaults for the whole project, per-instance options via constructor, and per-element overrides via data attributes.
Full source - https://community.sivuo.com/dd/dd39-autoplay-video-on-viewport
2
80
DD36: Stepper Slider
Staircase-style hero slider effect for the first screen. Supports navigation via scroll, mouse wheel, trackpad, touch gestures, and keyboard. Allows animated headings (split text), links, and metadata, creating depth through scale and vertical offset. Fully customizable and easy to adapt for portfolios or agency websites.
Full resource in Sivuo - https://community.sivuo.com/dd/dd36-stepper-slider
1
64
DD37: Stacking Cards on Scroll
This scatter effect animates each card from a unique offset — custom x, y and rotation per card, all synced to scroll via GSAP ScrollTrigger + Lenis. Feels alive, not templated.
Awwwards-level detail, zero complexity — just describe where each card comes from and the class handles the rest.
Full Source in Sivuo - https://community.sivuo.com/dd/dd37-stacking-cards-on-scroll
6
7
163
1
11
22
277