Introducing

Need reasons to love mightySlider? Look no further.

Introducing

Need reasons to love mightySlider? Look no further.

Responsive, Auto-scale & Auto-resize

mightySlider is responsive, this means it has a high functionality on wide
range of screen sizes in any devices. It can adapt itself to any screen sizes for achieving best
viewing case. Plus auto-scale feature to scale height based on width and auto-resize to resize the slider size based on active slide size.

mightySlider also gives you an option for set any specific cover image for any device resolution, orientation, pixel-ratio, etc.

Powerful examples & templates

25+ starter templates are avilable that they all are responsive
down to mobile and have full source code. All skins shown
are included in download package!

Videos and your custom player

YouTube or Vimeo can be added to any slide. Video will not append
into slide and doesn't load heavy iframe until required. Also,
there are API and instructions about how to add another
video source via HTML5 and fallback to QuickTime.
You can use your player as default player for video slides also.

Performance

In an attempt to achieve the most responsive experience with smoothest animations possible a lot of emphasis is placed on performance.

mightySlider has a custom high-performance animation rendering based around the Animation Timing Interface written directly for its needs. This provides an optimized 60 FPS rendering, and is designed to still accept easing functions from jQuery Easing Plugin.

The animation of slides is done by GPU accelerated translate transforms, which rapidly increase the rendering speed in browsers that support it, with absolute positioning fallback for those that don't.

Helping with minimizing the frequency of frame drops due to inevitable JavaScript garbage collection are code optimizations that lower the garbage generation to a reasonable minimum.

To provide a super responsive & smooth synchronization when dragging the slider, mightySlider uses a destination based animation function controlled by a synchronization factor instead of a duration based (tweening) animations that are unsuitable for this type of use case, and lead to a choppy, and unpolished experience.

This is the difference between using jQuery.fn.animate with unoptimized code and mightySlider's custom high-performance animation rendering:

Super Smart lazy-loading

mightySlider gives you three options for cover image and video preloading.
Preload all (preload all cover images/videos after initialize), instant initialize (preload cover images/videos in sequence), and loads nearby (loads slides beside current slide).
Also you can set any specific cover image for any device resolution, orientation, pixel-ratio, etc.

Super Smart Viewport Spy

mightySlider will just active sliders that are in the viewport and freeze the sliders that are not in the viewport to prevent wasting the memory & CPU and achieve the most responsive experience with smoothest animations possible.

So you can use infinite sliders in your pages with no worries.

Extensive Documentation

You are not alone out there! We have prepared a complete online documentation which grows
over time.We have also gathered the most questionable areas and cover them in depth.

Features

Why you need to choose mightySlider?

Compatibility

mightySlider works in every desktop browsers. IEs lower than 9 are not officially supported and fully compatible with Tablet and Mobile devices.

Mobile

mightySlider was made to not only look and behave great in the latest desktop browsers (as well as IE8!), but in tablet and smartphone browsers as well.

Performance

In an attempt to achieve the most responsive experience with smoothest animations possible a lot of emphasis is placed on performance.

mightySlider has a custom high-performance animation rendering based around the Animation Timing Interface written directly for its needs. This provides an optimized 60 FPS rendering, and is designed to still accept easing functions from jQuery Easing Plugin.

The animation of slides is done by GPU accelerated translate transforms, which rapidly increase the rendering speed in browsers that support it, with absolute positioning fallback for those that don't.

Helping with minimizing the frequency of frame drops due to inevitable JavaScript garbage collection are code optimizations that lower the garbage generation to a reasonable minimum.

To provide a super responsive & smooth synchronization when dragging the slider, mightySlider uses a destination based animation function controlled by a synchronization factor instead of a duration based (tweening) animations that are unsuitable for this type of use case, and lead to a choppy, and unpolished experience.

Responsive

mightySlider has unique responsive features with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile. The layout of the components are scaled according to resolution of the device, thus more consistent regardless of the device.

Deep-Linking

mightySlider is bookmarkable and also supports deep linking. Makes URL change automatically when you select slides and you can easily link to specific slide with hashtag. IDs are adjustable and SEO-Friendly. Deep linking is also supported with multiple sliders instances on the same page.

Native Fullscreen

Video support

YouTube or Vimeo can be added to any slide. Video will not append into slide and doesn't load heavy iframe until required. Also, there are API and instructions about how to add another video source via HTML5 and fallback to QuickTime.

500px, Flickr & Instagram Integration

Sometimes you don’t want to upload images manually, you would rather pull them from your favorite image service. mightySlider integrates with 500px, Flickr & Instagram so you can automatically pull your latest mug shots from Instagram, get images from Flickr tagged “beach”, etc. You get the idea.

Auto image scaling

Covers can "fit into area", "fill the area", "centralize" or "stretch into area".

Documentation

Fully documented and step-by-step guide provided to help you get up and running with mightySlider.

Unminified Source

You get unminified version of JS code and nicely organized CSS files, so feel free to modify them to fit your needs.

Lifetime Support and Updates

Free lifetime support to help you if something went wrong. Provided by direct script developers, nothing is outsourced.

mightySlider is now in its 1st version, and each of these updates has been free. mightySlider is always under development - new templates, features coming soon.

Examples

Want to see that power in action?

Examples

Want to see that power in action?

What mightySlider can do?

With the help of a powerful API (and detailed docs), mightySlider‘s functionality can be completely customized.
All skins and templates shown here are included in download package with full source code!

Responsive and user-friendly partial view slider. This template shows one complete slide plus two partial of nearby slides at a same time which it increases the interest of seeing other slides by the visitors.

Responsive and user-friendly partial view slider. This template shows one complete slide plus two partial of nearby slides at a same time which it increases the interest of seeing other slides by the visitors.

Responsive and user-friendly partial view slider. This template shows one complete slide plus four partial of nearby slides at a same time which it increases the interest of seeing other slides by the visitors.

Become a Developer

Become Developer of plugins and templates for mightySlider

Become an Developer

Become Developer of plugins and templates for mightySlider<

Dear fellow developer,

mightySlider offers powerful API which allows 3rd party developers implement their own unique plugins/templates to sell them
on CodeCanyon as mightySlider compatible plugins/templates. By doing so, we encourage groups of developers and individuals take part in growth of mightySlider and its related market.

Our team at iProDev are willing to provide free consulting and suggestions for developers who choose to start their own business with mightySlider
Plugins/Templates on CodeCanyon. Moreover, we promise to do our best for promotion of your plugins/templates through our communication channels in order to enhance your business and rise sales.

We encourage you to check our documentation and
see yourself how you can make mightySlider ready plugins/templates.
You can also check this simple example/starter plugin which can significantly
reduce time spent on development of plugins/templates and give you valuable insight on how to structure your plugin/template.

Feel free to get in touch with us at any time in case you want get more insight or have already implemented plugin/template. We would love to chat and assist you in further process towards common goal.

When a new user clicks your referral link to mightySlider, signs up for an
account and purchase the mightySlider (or deposits money),
you will receive 30% of that person's first cash deposit or purchase price.
If they deposit $20 into their account, you get $6. Below you can see what is possible with just a handful of referal links!