Sequence.js is a responsive CSS animation framework created for building interactive sliders, presentations, banners, and other step-based web applications using mostly HTML and CSS. Instead of relying heavily on JavaScript animation logic, the framework controls transitions through CSS class states such as seq-in and seq-out, allowing developers to use familiar front-end workflows and native browser rendering capabilities. The project emphasizes flexibility, enabling developers to animate virtually any CSS property without being constrained by rigid templates or predefined transition systems. Sequence.js supports responsive design, touch navigation, hardware acceleration, and optional dependencies like Hammer.js and ImagesLoaded for advanced interaction handling. Its architecture was rebuilt in vanilla JavaScript to improve performance and remove reliance on jQuery while maintaining broad browser compatibility.
Features
- CSS-driven animation state management
- Responsive support for mobile and desktop devices
- Hardware-accelerated transitions and animations
- Touch gesture support with optional Hammer.js integration
- Customizable sliders and step-based presentations
- Vanilla JavaScript architecture without jQuery dependency