2 repository-uri
Awesome GitHub RepositoriesScroll-Based Style Interpolations
Mapping scroll offsets to dynamic style changes for individual items.
Distinct from Animation Customizations: Distinct from Animation Customizations: focuses on calculating styles based on scroll position rather than transition physics.
Explore 2 awesome GitHub repositories matching user interface & experience · Scroll-Based Style Interpolations. Refine with filters or upvote what's useful.
Awesome Scroll-Based Style Interpolations GitHub Repositories
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- meliorence/react-native-snap-carousel
meliorence/react-native-snap-carousel
10,519Vezi pe GitHubThis project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab
Allows mapping the current scroll position to specific style changes for items moving through the interface.
JavaScriptadvanced-effectscarouselflatlist-based - scroll-out/scroll-out
scroll-out/scroll-out
1,216Vezi pe GitHubScroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr
Computes and applies live property values based on scroll positions so page styles adapt fluidly.
TypeScriptanimationcsscss-classes
