Andrii Sivtsov

DD40: Expand Cards Hover Hover-based expanding card animation using CSS with minimal JS. A clean way to bring your cards to life and make the UI feel more dynamic. Full resource in Sivuo - https://community.sivuo.com/dd/dd40-expand-cards-hover

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...

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...

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...