ScrollMagic
WOW.js
Lax.js
ScrollReveal
Unheap
3D Parallax Editor by Webydo
Anime.js
Modelo
Whimsical Wireframes
UX Flow Wireframe Prototyping System
Figma
Wireframe for Figma
Adobe XD
Platforma
Figma Plugins
Root UI Kit
ScrollMagic Whimsical WireframesBased on our record, ScrollMagic seems to be a lot more popular than Whimsical Wireframes. While we know about 25 links to ScrollMagic, we've tracked only 1 mention of Whimsical Wireframes. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
ScrollMagic (14.8k ⭐) — A library for creating scroll interactions with JavaScript and CSS. It can trigger animations based on scroll position and pin elements within the viewport. It has over 11K stars on GitHub. - Source: dev.to / 7 days ago
Several libraries and frameworks can help with this task, such as ScrollTrigger, ScrollMagic, Framer Motion, and the good ol’ Intersection Observer API. These tools provide more options and flexibility to create complex and interactive scroll-driven animations with ease. - Source: dev.to / 5 months ago
By checking their source code, it looks like they're using DrawSvgPlugin for the SVG animations and ScrollMagic for the animations when scrolling. I'd start by checking these two libraries. Source: 11 months ago
One library is called https://scrollmagic.io/ but you'll find plenty of tutorials and videos that implement this kind of scrolling. Source: about 1 year ago
ScrollMagic (there's a scrollMagic port for react too). These libraries take advantage of the intersection observer API (a standard built-in js web api). You may also be interested in the scroll event. Source: over 1 year ago
They do cost money unfortunately, but what you could do is use a tool like https://whimsical.com/wireframes to wireframe your website (free if you keep all files in your personal folder). Then use tailwindui or flowbite as a reference (or some other template library) while wireframing, skip the mockup stage, and then go straight into the coding phase? Source: 10 months ago
WOW.js - Animate elements on-scroll to catch attention. Such Magic.
UX Flow Wireframe Prototyping System - Create beautiful user flows prototypes for your next project
Lax.js - Create beautiful & smooth animations when you scroll
Figma - Team-based interface design, Figma lets you collaborate on designs in real time.
ScrollReveal - ScrollReveal is a tool to add scroll animations for web and mobile browsers.
Wireframe for Figma - Lightning fast wireframing on figma (500+ elements)