Slidea - A Super Smart Responsive jQuery Slider Plugin

Slidea - A Super Smart Responsive jQuery Slider Plugin

Cart 152 sales

Slidea – A Super Smart Responsive jQuery Slider Plugin

Slidea by Pixevil is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind.

Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built with the use of jQuery, GSAP and Animus, the slider is guaranteed to offer unmatched motion design experience.

View Documentation

Premade Templates

We want to help you out with your business. That’s why we’re including premade usages examples for Slidea, making it easier for you to get your business up and running.

Smart & Simple

Slidea is amazing because of how simple its syntax is for creating custom animations. You don’t need to learn complicated JavaScript to create beautiful custom animations for any element of your slider. You have more than 50 preset animations and you can write your own animations on the fly. We like to keep things simple for you.

data-slidea="opacity 0, rotationZ 45, scale 1.5" 

Touch Enabled

Touch interactions are essential to any website. Slidea offers a seamless mobile-friendly experience on all touch devices.

Animate Anything

Anything inside of a slide can be animated using one of the 50+ animation presets or beautiful custom animations.

Usage Ready

All the assets used for slidea are included in the download! HTML, CSS, SASS, JS, CoffeeScript, Images and Fonts.

Well Documented

Everything you need to know about slidea can be found in one easy to follow documentation with live examples.

Beginner Friendly

Whether you’re a beginner or an advanced developer, we offer easy-to-follow guides for a great development experience.

Bootstrap and Foundation

Slidea is compatible with any front-end framework and has been tested with both Bootstrap and Foundation.

Completely Layered

Design beautiful responsive slides with image and html layers that can be positioned, sized and animated easily.


Autoplay your slides and impress your users on the go. Pause on hover, looping controls, it’s all there!

Retina Ready

Offer images sized for the ultimate Retina experience to your visitors, loaded when you need to look sharp.

Intuitive Navigation

Controls, touch, thumbnails, mousewheel, pagination, progress bar, scroller. Everything you need in a slider.

Easy Animation Syntax

You don’t need to know code to know animations when it comes to the Animus framework: a simple, readable syntax.

50+ Animation Presets

Whenever wondering what animations to choose, you can use one of the beautiful hand tailored animation presets.

Custom Keyframed Animations

Literally unlimited animation possibilities. Create your own keyframed animations to offer an unique user experience.

Multiple Sliders

As many sliders as you need in the same page, hassle free. Slidea will have a minimal performance impact.

Video Support

Easily create and control videos and video backgrounds. YouTube, Vimeo and HTML5 included.

Content Scaling

Responsively scale the HTML content with slidea to fit the slide or rely on basic responsive CSS media queries.

Durations and Easings

All of your animations can have a custom duration and easing. No useless fiddling with CSS classes.


Control how your slider looks like using a Reponsive, Fullscreen, Fluid or Content-Based layout.

Useful API

Control your parallax element’s behaviour using events, methods and dynamic content manipulation.

Beautifully Responsive

Slidea looks absolutely stunning, from phones and tablets to laptops and desktops. Design one time, look good every time.

Lifetime Updates

Once purchased, you will have free lifetime access to all the future updates and features that slidea has to offer.


Slidea can be used with jQuery 1.1+ up until latest version and is perfectly compatible with all major browsers, including IE9.


Version 2.2.0
- Updated to jQuery v3.4.1
Version 2.1.4
- Fixed some documentation mistakes
Version 2.1.3
- Completely redesigned and rewritten documentation
- Fixed scroller to take offset into account
- Perfected HTML Layers
- Lots of minor fixes
- File structure changes
Version 2.1.2
- Using xl instead of xlg for responsive size
- Added support for removing layers and object dynamically
- Now slidea can be initialized without slides for dynamic behavior
- Adding slides is now queued due to asynchronous loading
Version 2.1.1
- Added support for adding new objects dynamically
- Using only slidea.js instead of pixevil.slidea.js
- Moved old slidea.js to a new base.js module
- Fixed controls interval error logging bug
Version 2.1.0
- Added support for adding new slides dynamically
- Added support for adding new layers to slides dynamically
- Added support for removing slides dynamically
- Updated documentation accordingly in API methods section
Version 2.0.9
- Fixed small content layout error
- Added new "office" template
- Added templates page on the Slidea website
Version 2.0.8
- Added items function to pagination
- Pagination now supports pagination text
- Pagination documentation updated
Version 2.0.7
- Fixed content layout background positioning and sizing
- Added sample content layout (design in progress)
- Updated documentation images to use existing base images
Version 2.0.6
- Updated documentation to use slidea.min.css instead of pixevil.slidea.min.css
- Removed apple, android and microsoft icons from templates
Version 2.0.5
- Fixed bug where slider without id attribute would fail to load
- Added base template which uses the same markup as the documentation
- Documentation updated with autoplay
Version 2.0.4
- Documentation updated to use public assets
Version 2.0.3
- Added public folder to the download package
- Updated documentation to use public keyword instead of assets
Version 2.0.2
- Redesigned preloading for a huge speedup
- Refactored thumbnails and controls modules
Version 2.0.1
- Fixed preloading error where slider tried to resize before loaded.
Version 2.0.0
- Initial release of the new Slidea.

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey