This is a personal portfolio website that uses scroll position to drive complex SVG scene animations, creating an interactive storytelling experience. The project is built around a scroll-synchronised animation controller that maps user scrolling to a timeline of interpolated state changes across a directed graph of visual elements, enabling fluid scene transitions. The site features a real-time animation state debugger that overlays a live HUD showing timing, active elements, and scene breakdown, with console commands for scene jumping and state export. It also includes a gradient-preserving
laxxx is a lightweight JavaScript framework for creating scroll-driven animations and DOM element bindings. It functions as a CSS interpolation engine and animation utility that maps numeric driver values to HTML attributes and styles in real time. The framework specializes in linking visual properties to scroll position and velocity, featuring built-in inertia to smooth out transitions and prevent abrupt visual jumps. It utilizes a driver-based system to generate numeric streams from inputs like mouse movement or time, which are then transformed into CSS outputs through easing equations and
This is a React animation library providing a collection of components for creating choreographed motion, complex transitions, and SVG morphing. It functions as a motion design specification and a UI component animation wrapper system used to apply 3D transforms, Bezier curves, and entry-exit transitions to interface elements. The project includes a scroll-driven animation suite for synchronizing UI movements and parallax effects with the viewport position, as well as an SVG motion framework for animating paths, drawing lines incrementally, and interpolating coordinates for shape morphing. I
GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes, and JavaScript values. It functions as a scroll-driven animation engine and a sequencing system for coordinating multiple animations into a single timeline for precise execution across web browsers. The project provides tools for creating interactive scroll effects by linking animation progress to a user's scroll position. It also includes a responsive animation framework that adjusts behaviors and timing based on media queries to maintain consistency across different device scr
JazzHands is a UIKit framework providing a scroll-driven animation engine and a paging layout manager. It enables the binding of view properties to timelines of keyframes, allowing visual transitions to be synced with real-time scroll offsets or gesture data.
ifttt/jazzhands 的主要功能包括:UI Property Interpolators, Interactive Gesture-Driven Animations, Value Interpolation Engines, Keyframe Animation Systems, Scroll-Triggered Animations, Timeline-Based Interpolators, Paging Scroll Layouts, Scroll-Driven Animation Tools。
ifttt/jazzhands 的开源替代品包括: albinotonnina/albinotonnina.com — This is a personal portfolio website that uses scroll position to drive complex SVG scene animations, creating an… alexfoxy/laxxx — laxxx is a lightweight JavaScript framework for creating scroll-driven animations and DOM element bindings. It… greensock/greensock-js — GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes,… ant-design/ant-motion — This is a React animation library providing a collection of components for creating choreographed motion, complex… ramotion/expanding-collection — This project is a suite of visual components and interface models designed to create animated transitions between… ifttt/razzledazzle — A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros.