Loading...

Multipurpose slider

for everyone

including designers and developers.

It's easy to customize

to build an awesome slider.

It's MIGHTYSLIDER!

iProDev
presents
Accelerated
&
super smooth
transitions
Hardware
Animate Layers
transition effects
You can easily add image, html formatted texts and video layers over each slide and each layer accepts unique animation parameters like styles, duration, delay, repeat, easing, 2D & 3D transforms, etc.
starter responsive templates
and more to come...
Multimedia LayerSupport
with custom cover image
HTML5 video withcustom player Support
YouTube
Vimeo
Flash
iFrame
introducing
3D PARALLAX LAYERS
Fancy parallax effects by
moving your mouse over this slide
tilting your smart device equipped with a gyroscope
HD VIDEO BACKGROUNDS
Set any custom cover video for each device resolution, orientation, pixel-ratio, etc.
Mighty
SliderideasfeaturessolutionSlider

Introducing

Need reasons to love mightySlider? Look no further.

Responsive, Auto-scale & Auto-resize

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.


Responsive, Auto-scale & Auto-resize

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!

Powerful examples & templates

Videos and your custom player

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:

Performance

Super Smart lazy-loading

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.

Extensive Documentation

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.

View example »

Multiple Instances

Multiple instances are allowed on one page and different themes and options can be set without any conflict.

SEO-friendly

All content is always accessible to search engines and the markup is semantically correct to help you achieve the best possible SEO-friendly results even without JavaScript disabled.

Autoplay Support

Automatically animate through Slides when visitors arrive on your website. You can set interval time of autoplay and optional stop on hover/click (smart autoplay).

Smart lazy-loading

mightySlider loads nearby cover images in background, so users don't need to wait each time and images are available instantly.

Animated Blocks

Sliders can contain blocks of HTML that appear after slide transition. You can define animation frames for captions and animate them as what you wish.

View example »

Native Fullscreen

mightySlider supports fullscreen mode that make whole slider 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.

You can use your player as default player for video slides also.

View example »

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.

View example »

User-friendly

Doesn't block vertical scrolling, doesn't block default browser zoom, works if javascript is disabled, allows navigating as fast as user wants (doesn't block navigation), has options to disable mouse/touch drag for slides and thumbnails.

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?

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!

Tabs

Tabs

Responsive and user-friendly horizontal and vertical tabs with mightySlider capabilities.

Carousels

Carousels

Responsive and user-friendly carousels with mightySlider capabilities.

Video Slider

Video Slider

Responsive and user-friendly video slider that included videos from YouTube, Vimeo and local video file with custom player.

Flickr Gallery

Flickr Gallery

Responsive and user-friendly flickr gallery that included images from flickr.

Parallax Slider

Parallax Slider

Responsive and user-friendly parallax slider with mightySlider capabilities.

Slider with Fancy Transitions

Slider with Fancy Transitions

Responsive and user-friendly slider with fancy transition effects.

Fullscreen Slider with Ken Burns Effect

Fullscreen Slider with Ken Burns Effect

Responsive and user-friendly fullscreen slider with Ken Burns effect.

Vertical Slider

Vertical Slider

Responsive and user-friendly vertical slider with mightySlider capabilities.

Portfolio Slider

Portfolio Slider

Responsive and user-friendly portfolio slider that creates a slider under thumbnails.

Fullwidth Slider

Fullwidth Slider

Responsive and user-friendly fullwidth slider with mightySlider capabilities.

Panorama Slider

Panorama Slider

Responsive and user-friendly panorama slider with mightySlider capabilities.

Slider in Lightbox

Slider in Lightbox

Responsive and user-friendly lightbox slider with mightySlider capabilities.

Rotating Image Slider

Rotating Image Slider

Responsive and user-friendly rotating image slider that use 4 slider and navigate them via API.

Apple Slider Template

Apple Slider Template

Responsive and user-friendly Apple style slider that stretched to full width of wrapper.

Gallery with Visible Nearby Slides

Gallery with Visible Nearby Slides

Responsive and user-friendly slider with visible nearby slides.

Facebook Paper Style Slider Template

Facebook Paper Style Slider Template

Responsive and user-friendly Facebook Paper style slider template.

Fullscreen Layer Slider

Fullscreen Layer Slider

Responsive and user-friendly fullscreen layer slider that all just created with animated layers.

Grid Slider

Grid Slider

Responsive and user-friendly grid slider which every grid item has its own custom slider.

Partial View Slider 1

Partial View Slider 1

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.

Partial View Slider 2

Partial View Slider 2

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.

Partial View Slider 3

Partial View Slider 3

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.

Fullscreen Slider with Deep-linking

Fullscreen Slider with Deep-linking

Responsive and user-friendly fullscreen slider with deep-linking feature.

Mixed 500px, Flickr, Instagram Slider

Mixed 500px, Flickr, Instagram Slider

Responsive and user-friendly mixed slider that included images from 500px, Flickr and Instagram.

Slider with Animated Blocks

Slider with Animated Blocks

Responsive and user-friendly slider with powerful animated blocks.

Testimonial

   Purchase    documentation    Discussion

Become a 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.

Thanks,
Hemn.

A Simple starter plugin Ready to Develop

Download simple example/starter plugin (HTML/JS/CSS) 10KB

Become an affiliate

Join an affiliate network that pays out more than $2 million dollars per year

How the affiliate program works

All you need is an envato account! Send traffic to mightySlider while adding your account username to the end of the URL. Replace "hemn" with your own account name in the following link:
http://mightyslider.com/?ref=hemn

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!

Referral banners

Common Ad Banner Sizes Ready to Use

Download referral banners (PSD & PNG) 215KB