Home

Awesome

Sequence.js Flattr this git repo Join the chat at https://gitter.im/IanLunn/Sequence

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

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 <a href="http://browserstack.com/">BrowserStack</a>.

Browser Stack

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.