Responsive slider for images, videos, product thumbnails, featured content, any HTML

Fast. Easy to use. jQuery compatible

  Rating: 4.9 (16 reviews)

Integrations and plugins Use these plugins and extensions to setup Magic Scroll on your site without writing a single line of code.

Or install it on any website with these instructions.

One tool. Infinite possibilities.

Refined for every browser

Chrome, Safari, Firefox, IE, Opera

Optimized for every device

Tablet, phone, smartphone, desktop, laptop, Windows, Android, iOS

Transparent Pricing with no Ongoing Fees

What you'll get with your purchase

  • Unrestricted use forever
  • Instant access to 19 extensions
  • 30 minutes of tech support
  • 1 year of free upgrades

Responsive out of the box

Make swiping through your product images a joy. Easily customize how Magic Scroll looks on desktop and mobile devices.

jQuery compatible

Magic Scroll plays well with jQuery, Zepto or other  libraries. You can safely use it with CSS frameworks like Bootstrap or Foundation too.

Lightning fast

CSS3 animations combined with pure JavaScript make Magic Scroll an extremely fast slider. Easily get super smooth 60 FPS animations along with amazing page speed loading time.

Built with SEO in mind

We know SEO is very important today. That's why Magic Scroll fully supports "alt" tags and structured metadata.

Our tools are used on 59,530 websites (and counting).

Magic Toolbox Customers

Customer reviews

  Rating: 4.9 (16 reviews)
So simple, so beautiful
We have been very satisfied with this addon and have it proudly on our site - Highly recommended to anyone that wants a slider on their site.
Support is always amazing - Thank you Magic Tool Box team

Cory, animalkingdoms.co.nz

Excellent Customer Service
Thank you for your quick reply

Alexander

Parfait!
Un module parfait. Intégration sans aucun bug dans mon thème. Facilité de configurer le module magic zoom.

Grande possibilité d'ajuster le zoom à son gout.

Je suis impressionné de l’ INCROYABLE travail des développeurs et nous proposer ce module a un prix très correct.

Bravo et merci.

Renaud

1st class service
Prompt and professional

David

Support
This has to be the top value software. Igor was super patient helping me and I will not hesitate to recommend this product to my friends

Ian Armstrong, londonbuses.co.uk

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Why choose Magic Scroll?

In the JavaScript slider market there are literally hundreds of options. So why should you choose Magic Scroll?

  1. Constant updates. We regularly update Magic Scroll following the best technology trends, but at the same time we keep it compatible with old browsers.
  2. It's fast. Magic Scroll avoids the pitfall that most sliders have - slow loading time. Vanilla JavaScript and CSS3 animations provide the best performance hands-down and lazy-loading helps your page load faster, with keeping all the eye-candy.
  3. Support is always there for you. If you read our reviews you might have noticed how much our customers value our support. We take pride in your success, that's why we do our best to resolve every issue you might encounter.
  4. No subscriptions and a money-back guarantee. Subscription pricing models are extremely popular today. In the long-term they are much much more expensive than the regular one-off payment model that we follow. It's very simple, you buy Magic Scroll - you get to keep it forever. Updates are free for a year. After that - it's only 20% of the initial price. Your purchase is absolutely risk-free thanks to our 30-day money-back guarantee.
  5. Responsive out-of-the-box. Some sliders have problems on mobile devices. Magic Scroll doesn't. It automatically detects the viewport of your visitors device and adjusts the quantity of your slider items accordingly. Swipe gestures make it a breeze to navigate on mobile too, no more clicking that tiny little button to move to the next gallery item.

What's under the hood?

Magic Scroll is a vanilla JavaScript slider with CSS3 animations. We built a powerful API that allows developers do literally anything. If you don't know how to code, we have a simple configuration wizard which you can use to configure your Magic Scroll in literally seconds.

Today the odds are that you're using some sort of a CMS or an E-commerce platform. We have a Magento slider extension, WordPress slider plugin and integrations for other popular platforms. With our modules, installation is as easy as uploading and activating the module on your website.

Changelog


  • v2.0.55
    October 19, 2022
    • Bug fixes
  • v2.0.54
    September 27, 2022
    • Better support for browser-level lazy-loading images inside scroll
  • v2.0.53
    June 11, 2021
    • Fixed issue with non-working input text inside scroller.
  • v2.0.52
    January 20, 2021
    • Improved usage of array in the 'items' option
  • v2.0.51
    October 8, 2020
    • Core Java Script library update
  • v2.0.50
    August 28, 2020
    • Fixed error message in Edge browser
  • v2.0.49
    August 18, 2020
    • Addressed issue with calling refresh method
  • v2.0.47
    August 17, 2020
    • New API methods added: addItem, removeItem, getItem and getItems
  • v2.0.45
    August 6, 2020
    • Added <picture> tag support
  • v2.0.44
    April 3, 2020
    • Minor bug fixes
  • v2.0.42
    September 27, 2019
    • Enhanced scroll on swipe when 'step' parameter is defined for mobile.
  • v2.0.41
    August 23, 2019
    • Added ability to limit number of scroll image on mobile
  • v2.0.40
    April 27, 2019
    • Address Safari drag issue
  • v2.0.39
    March 18, 2019
    • Address issue with non-visible prev arrows when mouse wheel using for scroll
  • v2.0.38
    September 6, 2018
    • Fixed issue when API uses for scroll with non-loaded images
  • v2.0.37
    August 17, 2018
    • Fix MagicScroll.jump() method issue
  • v2.0.36
    June 29, 2018
    • Added onMoveStart callback for carousel mode
  • v2.0.35
    March 27, 2018
    • Minor bug fixes
  • v2.0.34
    November 7, 2017

    *Fixed issue with using jump() method with bullets

  • v2.0.32
    September 15, 2017
    • Improved scroll height calculation
  • v2.0.31
    July 31, 2017
    • Fixed issue with non-working jump() function when loop is disabled
  • v2.0.30
    July 27, 2017
    • Added fix for image size when height parameter is specified.
  • v2.0.29
    June 6, 2017
    • Fixed minor issues in the .stop() method.
  • v2.0.28
    May 29, 2017
    • Fixed wrong arrows position in IE
  • v2.0.27
    March 23, 2017
    • Address possible conflict with 3rd party CSS styles
  • v2.0.26
    December 12, 2016
    • beforeInit callback added
  • v2.0.25
    November 18, 2016
    • New CSS arrows
  • v2.0.24
    September 23, 2016
    • Fixes animation mode issue in Firefox browser.
  • v2.0.23
    September 9, 2016
    • Fix possible drag issue when items parameter contains array.
  • v2.0.22
    August 11, 2016
    • Fixes animation mode issue in IE browser.
  • v2.0.21
    July 24, 2016
    • Minor tweaks.
  • v2.0.19
    July 11, 2016
    • Fix caption position issue for cover flow effect.
  • v2.0.18
    July 1, 2016
    • Drag and drop functionality enhancement.
  • v2.0.17
    June 29, 2016
    • Minor bug fixes.
  • v2.0.16
    May 13, 2016

    Resolves a drag issue in Firefox 46.0

  • v2.0.15
    April 23, 2016
    • Resolves a issue when Scroll inside a form.
  • v2.0.14
    March 17, 2016
    • Small tweaks.
  • v2.0.13
    March 16, 2016
    • Lazy loading is now available in the cover-flow mode.
    • Ability to define a caption for the image with <figcaption> tag. E.g. <figure><img src="my-image.jpg"><figcaption>Image caption</figcaption></figure>.
  • v2.0.11
    March 15, 2016
    • Fixes a rare issue in the animation mode when total size of items exceeds 100,000 pixels.
  • v2.0.10
    March 14, 2016
    • New "draggable" option that enables/disables drag to scroll.
    • Tweaks to the caption layout in carousel and cover-flow modes.
  • v2.0.7
    January 13, 2016
    • Preserve items state after browser resize in carousel and cover-flow modes.
  • v2.0.6
    December 11, 2015
    • Fixes an issue that could cause an incorrect display of the items in the scroll area in Firefox.
  • v2.0.5
    November 12, 2015
    • Resolves possible issue with a item caption defined via the tag.
  • v2.0.4
    October 6, 2015
    • Fixes an issue that prevented Magic Scroll from starting in Chrome on iOS.
  • v2.0.3
    September 11, 2015
    • Fix issue when Magic Scroll works over Magic Zoom (Plus) selectors and breaks image switching.
  • v2.0.2
    September 10, 2015
    • Maintenance release.
  • v2.0.1
    September 8, 2015
    • Small fixes.
  • v2.0
    September 3, 2015

    Announcing an extraordinarily flexible new version of Magic Scroll, with multiple applications on any website:

    • Fully responsive to perfectly resize itself.
    • Carousel mode for arranging images in 3D.
    • Cover-flow mode for flicking through tonnes of images.
    • Continuous scroll for non-stop images.
    • Swipe and drag support for maximum user control.
    • Mouse wheel and trackpad intelligence.
    • Dot navigation for moving forward/back.
    • CSS3 transitions with hardware acceleration.
    • Extended API and callbacks for greater JavaScript control.
    • Improved performance of visual effects.
  • v1.0.29
    May 23, 2014
    • Improve layout of "Powered by" text, so it does not obscure the entire scroll.
  • v1.0.28
    November 29, 2013
    • Fix compatibility issue with MagicTouch.
  • v1.0.25
    July 31, 2013
    • Resolve possible conflicts with other JS libraries on the page.
  • v1.0.23
    January 9, 2013
    • Better compatibility with Magic Zoom Plus.
  • v1.0.21
    August 14, 2012
    • Fix issue with image size when scroller is running over Magic Zoom selectors.
  • v1.0.15
    May 23, 2012
    • Resolve issue with image loading in IE9.
  • v1.0.13
    April 23, 2012
    • Fix item size calculation.
    • Better compatibility with Magic Zoom and Magic Zoom Plus.
    • Other small fixes.
  • v1.0.8
    October 13, 2011
    • Resolve conflicts in IE.
  • v1.0.7
    October 10, 2011
    • Fix compatible issue with MagicThumb
  • v1.0
    April 22, 2011

    After 9 months development, our powerful new scroll tool has arrived. Using JavaScript and CSS, it works on all major browsers as well as iPad, iPhone and other mobile devices. Features include:

    • Scroll images, text, SWF and even scroll HTML content (i.e. anything).
    • Change direction.
    • Adjust speed.
    • Choose effects.
    • Choose arrows.
    • Automatic or manual scroll.
    • Adjust margin and padding.
    • Adjust colors.
    • Click to URL.