The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
See the introduction and ready-made themes.
- Create animated themes using CSS transitions
- Fully supports responsive design
- Supported on mobile, tablet and desktop devices
- No limitations on CSS or HTML you can use
- Animate canvas and content
- Support for 60FPS animations
- Auto play
- next/previous/pause buttons and pagination support
- Touch support via Hammer.js
- Preloader via ImagesLoaded
- Hash tag support
- Keyboard navigation
- API for custom functionality
- Top quality documentation
- Supports all major browsers with a fallback mode for legacy browsers (detailed browser support)
- Yeoman generator available for quick scaffolding of themes
The key philosophy for Sequence.js is to aid you in creating your animated step-based application without getting in the way of how you or a web browser work. Create content and then animate it using the HTML and CSS you're used to. There's no special syntax to learn, no limitations on the elements you can use, and no heavy JavaScript implementations recreating what the browser is already capable of.
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.
Sequence.js can also be installed using the Bower command:
bower install sequencejs
or NPM:
npm install sequencejs
Ian Lunn and contributors.
Follow @IanLunn on Twitter for updates on Sequence.js as well as news and opinions on front-end web development.
Sequence.js browser testing environment is provided by BrowerStack.
License information can be found on the Sequence.js website or in LICENSE.md.