thebird/Swipe

Features

• Content Sliders - Creates swipeable UI components for sliding sequences of arbitrary content with infinite looping.
• RequestAnimationFrame Loops - Syncs slide positions with touch coordinates using a native browser animation frame loop.
• Carousel Components - Ships a UI component for cycling through content sets with synchronized touch inputs.
• Positioning Transforms - Uses CSS translate3d properties for spatial placement to ensure GPU-accelerated, smooth motion.
• Infinite Looping Carousels - Implements a content slider that wraps back to the start after the last item is reached.
• Touch-Enabled Carousels - Provides high-accuracy carousel components with native support for touch-screen swiping.
• Content Slider Libraries - Provides a comprehensive JavaScript library for creating high-accuracy swipeable content interfaces.
• CSS Transform Translations - Uses CSS transform translations and translate3d for smooth, GPU-accelerated movement of interface elements.
• Gesture Navigation - Provides navigation interactions driven by swiping on touch devices to move through content.
• Scroll-to-Index Mapping - Calculates the active slide index by translating continuous horizontal scroll offsets into discrete indices.
• Touch Navigation Interfaces - Implements gesture-based navigation allowing users to flip through content slides via swipes.
• Slider State Controllers - Provides a programmatic interface to manage the active slide index and total slide count.
• Touch Coordinate Deltas - Calculates movement vectors by tracking the delta between touch start and move events.
• Infinite Loop Wrapping - Implements logic to simulate an endless sequence of slides by wrapping indices at the boundaries.

Star history