Description
Sequence.js provides all of the JavaScript functionality you need for step-based applications such as sliders and presentations, allowing you to concentrate on producing your content with style.
Easily add transitions using the .seq-in and .seq-out CSS classes automatically added via Sequence.js to style how your slides/steps and content animate.
Find out how Sequence.js works in the Introduction theme or for more details, head to the documentation.
See the introduction and ready-made themes.
Sequence alternatives and similar libraries
Based on the "Sliders" category.
Alternatively, view Sequence alternatives based on common mentions on social networks and blogs.
-
-
-
impress.js
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. -
-
-
-
Glide.js
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more -
-
-
-
-
-
Splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors. -
-
-
-
-
-
-
-
-
-
Swiffy Slider
Super fast carousel and slider with touch for optimized websites running in modern browsers. -
jQuery.adaptive-slider
A jQuery plugin for a slider with adaptive colored figcaption and navigation. -
CodeRabbit: AI Code Reviews for Developers
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Sequence or a related project?
README
Sequence.js 
The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
Sequence.js provides all of the JavaScript functionality you need for step-based applications such as sliders and presentations, allowing you to concentrate on producing your content with style.
Easily add transitions using the .seq-in and .seq-out CSS classes automatically added via Sequence.js to style how your slides/steps and content animate.
Find out how Sequence.js works in the Introduction theme or for more details, head to the documentation.
See the introduction and ready-made themes.
Features
- Rapid development of animated step-based applications using CSS
- Fully supports responsive design
- Supported on mobile, tablet, and desktop devices
- No limitations on CSS, HTML, and workflow you can use
- Animate canvas and content
- Hardware acceleration (for smooth animation even on mobile devices)
- Touch support via Hammer.js
- Auto play
- Easy-to-add next/previous/pause buttons and pagination
- Preloader via ImagesLoaded
- Hash tag support
- Keyboard navigation
- 30+ options and API for custom functionality
- Top quality documentation
- Supports all major browsers with a fallback mode for legacy browsers (detailed browser support)
- Ready-made themes available
- Yeoman generator available for quick scaffolding of themes
Browser Support
Sequence.js is supported in modern browsers on major platforms, with a fallback theme for Internet Explorer 8 and 9, and other older browsers that don't support CSS transitions.
See Browser Support in more detail.
Getting Started
To get started download Sequence.js and then head to the documentation. If you'd like to contribute to Sequence.js development, please see the contributing guidelines.
Download
Sequence.js can also be installed using the Bower command:
bower install sequencejs
or NPM:
npm install sequencejs
Philosophy
Sequence.js aims to provide a complete animation framework for you to create animated step-based applications almost entirely in CSS without getting in the way of how you or a web browser work. Create content and then animate it using the HTML, CSS, and workflow you're used to. Sequence.js will take care of the JavaScript functionality. There's no special syntax to learn, no limitations on the workflow you are used to, and no heavy JavaScript implementations recreating what the browser is already capable of.
Authors
Ian Lunn and contributors.
Follow @IanLunn on Twitter for Sequence.js news, web design & development links, tips, and opinions
Sponsors
Browser testing environment provided by BrowserStack.
Licenses
License information can be found on the Sequence.js website.
Hire Ian Lunn
Ian Lunn is a Web Designer, Front-end Developer, and author of CSS3 Foundations.
Hire Ian Lunn for responsive design, WordPress sites, HTML, CSS, and JavaScript.
*Note that all licence references and agreements mentioned in the Sequence README section above
are relevant to that project's source code only.