<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- add post title --><title>Slides Maker - Creat a Free Slide Show for your website</title><meta itemprop="name" content="Slides Maker - Creat a Free Slide Show for your website"><meta property="og:title" content="Slides Maker - Creat a Free Slide Show for your website"><meta name="twitter:title" content="Slides Maker - Creat a Free Slide Show for your website"><!-- add post description --><meta name="description" content="Slides maker is a free tool to make a responsive slideshow. You can create a slider easily with this slidesmaker tool."><meta itemprop="description" content="Slides maker is a free tool to make a responsive slideshow. You can create a slider easily with this slidesmaker tool."><meta property="og:description" content="Slides maker is a free tool to make a responsive slideshow. You can create a slider easily with this slidesmaker tool."><meta name="twitter:description" content="Slides maker is a free tool to make a responsive slideshow. You can create a slider easily with this slidesmaker tool."><!-- add post url --><link rel="canonical" href="https://www.slidesmaker.me" /><meta property="og:url" content="https://www.slidesmaker.me"><!-- add post thumbnail --><meta itemprop="image" content="images/favicon-v2.png"><meta property="og:image" content="images/favicon-v2.png"><meta name="twitter:image" content="images/favicon-v2.png"><!-- add post tags --><meta name="keywords" content="slidesmaker, slides maker, make slider online, create slider online, slideshow creator tool, make free slideshow"><!-- unchanged --><meta property="og:locale" content="en" /><meta property="og:type" content="website"><meta name="twitter:card" content="Summary"><link rel="shortcut icon" href="images/favicon-v2.png" type="image/x-icon"> <!-- header files --><script src="assets/js/script.common.v0.01.js" defer></script><link rel="stylesheet" href="assets/lib/css/bootstrap.min.v4.5.2.css"><link rel="stylesheet" href="assets/lib/css/css.v3.slidesmaker.css" /><link rel="stylesheet" href="assets/css/style.main.v0.01.css"><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-GCFCN7G09K"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GCFCN7G09K');</script></head> <body><!-- Top Menus --><div class="top-nav container-fluid theme-1"> <div class="brand"></div> <div class="navbar"></div> <svg class="navBtn" xmlns="http://www.w3.org/2000/svg" height="40" width="40"> <path d="M6.542 29.833q-.542 0-.938-.395-.396-.396-.396-.938 0-.542.396-.917t.938-.375H25.25q.542 0 .917.375t.375.917q0 .583-.375.958t-.917.375Zm0-8.583q-.542 0-.938-.396-.396-.396-.396-.937 0-.542.396-.917t.938-.375h13.75q.541 0 .937.375t.396.917q0 .583-.396.958t-.937.375Zm0-8.458q-.542 0-.938-.375-.396-.375-.396-.959 0-.541.396-.916t.938-.375H25.25q.542 0 .917.396.375.395.375.937t-.375.917q-.375.375-.917.375Zm22.25 7.166 5.083 5.084q.417.416.396.937-.021.521-.396.896t-.937.375q-.563 0-.938-.375l-6.042-6q-.375-.375-.375-.896t.375-.937l6.042-6q.375-.375.938-.375.562 0 .937.375t.375.937q0 .563-.375.938Z" /> </svg> <div class="side-navbar" data-display="0"></div></div><!-- header of the index page --><div class="container container-section-1"> <div class="row"> <div class="col-lg-5"> <div class="container-section-1-left skitter skitter-large with-dots"> <div class="loading"></div> <ul> <li> <a href="#cubeRandom"><img src="images/slide-maker-slideshow-image-1.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-1" /></a> </li> <li> <a href="#cubeShow"><img src="images/slide-maker-slideshow-image-2.jpg" class="cubeShow" alt="slide-maker-slideshow-image-2" /></a> </li> <li> <a href="#tube"><img src="images/slide-maker-slideshow-image-3.jpg" title="slide maker" class="tube" alt="slide-maker-slideshow-image-3" /></a> </li> <li> <a href="#blind"><img src="images/slide-maker-slideshow-image-4.jpg" class="blind" alt="slide-maker-slideshow-image-4" /></a> </li> <li> <a href="#directionLeft"><img src="images/slide-maker-slideshow-image-5.jpg" class="directionLeft" alt="slide-maker-slideshow-image-5" /></a> </li> <li> <a href="#cubeSpread"><img src="images/slide-maker-slideshow-image-6.jpg" class="cubeSpread" alt="slide-maker-slideshow-image-6" /></a> </li> <li> <a href="#glassCube"><img src="images/slide-maker-slideshow-image-7.jpg" class="glassCube" alt="slide-maker-slideshow-image-7" /></a> </li> <li> <a href="#circlesRotate"><img src="images/slide-maker-slideshow-image-8.jpg" class="circlesRotate" alt="slide-maker-slideshow-image-8" /></a> </li> <li> <a href="#cut"><img src="images/slide-maker-slideshow-image-9.jpg" class="cut" alt="slide-maker-slideshow-image-9" /></a> </li> <li> <a href="#swapBlocks"><img src="images/slide-maker-slideshow-image-10.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-10" /></a> </li> </ul> </div> </div> <div class="col-lg-7"> <div class="container-section-1-right"> <h1><b>Slides Maker</b>, a free tool</h1> <p>Make a responsive slideshow for your website in minutes. Easily add unlimited images, choose a skin, download your unique creation and easily add in your website.</p> <a href="v2"><button type="button">GET START</button></a> </div> </div> </div></div> <div class="image-area"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 image-area-cols"> <img src="images/server-v1.png" alt="server-img"> <h2>Unlimited Storage</h2> <p>You can use unlimited images for slide show in slidemaker. Every picture saved in the cloud.</p> </div> <div class="col-lg-3 col-md-6 image-area-cols"> <img src="images/easy-to-use-v1.png" alt="easy-to-use-img"> <h2>Easy to Use</h2> <p>Anyone can make amazing slide show in minutes easily. All tools are simple and easy to use.</p> </div> <div class="col-lg-3 col-md-6 image-area-cols"> <img src="images/animation-v1.png" alt="animation-img"> <h2>Unlimited Animations</h2> <p>This slide maker has unlimited animations. You can change these animations with just a click.</p> </div> <div class="col-lg-3 col-md-6 image-area-cols"> <img src="images/install-v1.png" alt="install-img"> <h2>Easy to Install</h2> <p>You can easily add your slide shows into your website. Just download slider code and paste.</p> </div> </div> </div></div> <div class="endless-animation"> <div>Endless Animations Options!</div> <p>Here’s a taste of our most popular Slider Animations.</p></div> <div class="container popular-animations"> <div class="row"> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">CubeRandom</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"> <ul> <li> <a href="#cubeRandom"><img src="images/slide-maker-slideshow-image-1.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-example-1"/></a> </li> <li> <a href="#cubeRandom"><img src="images/slide-maker-slideshow-image-2.jpg" class="cubeRandom" alt="slide-maker-slideshow-image-example-2"/></a> </li> </ul> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">Paralell</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"><ul> <li> <a href="#paralell"><img src="images/slide-maker-slideshow-image-1.jpg" class="paralell" alt="slide-maker-slideshow-image-1-1"/></a> </li> <li> <a href="#paralell"><img src="images/slide-maker-slideshow-image-2.jpg" class="paralell" alt="slide-maker-slideshow-image-2-1"/></a> </li> </ul></div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">BlindWidth</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"><ul> <li> <a href="#blindWidth"><img src="images/slide-maker-slideshow-image-1.jpg" class="blindWidth" alt="slide-maker-slideshow-image-1-2"/></a> </li> <li> <a href="#blindWidth"><img src="images/slide-maker-slideshow-image-2.jpg" class="blindWidth" alt="slide-maker-slideshow-image-2-2"/></a> </li> </ul></div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">Cut</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"><ul> <li> <a href="#cut"><img src="images/slide-maker-slideshow-image-1.jpg" class="cut" alt="slide-maker-slideshow-image-1-3"/></a> </li> <li> <a href="#cut"><img src="images/slide-maker-slideshow-image-2.jpg" class="cut" alt="slide-maker-slideshow-image-2-3"/></a> </li> </ul></div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">GlassBlock</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"><ul> <li> <a href="#glassBlock"><img src="images/slide-maker-slideshow-image-1.jpg" class="glassBlock" alt="slide-maker-slideshow-image-1-4"/></a> </li> <li> <a href="#glassBlock"><img src="images/slide-maker-slideshow-image-2.jpg" class="glassBlock" alt="slide-maker-slideshow-image-2-4"/></a> </li> </ul></div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6 slider"> <div class="title">SwapBlocks</div> <div class="loading"></div> <div class="skitter skitter-large with-dots"><ul> <li> <a href="#swapBlocks"><img src="images/slide-maker-slideshow-image-1.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-1-5"/></a> </li> <li> <a href="#swapBlocks"><img src="images/slide-maker-slideshow-image-2.jpg" class="swapBlocks" alt="slide-maker-slideshow-image-2-5"/></a> </li> </ul></div> </div> </div> <a href="https://skitter-slider.net/animation-circles.html" target="_blank" rel="nofollow"><button type="button" class="show-more">Show More</button></a></div> <div class="slider-skins"> <div class="container-fluid"> <div class="row download-code-area"> <div class="col-lg-1 col-sm-12"></div> <div class="col-lg-4 col-sm-12 column"> <h4>V2 Slider Skin</h4> <p>This slider is mostly used by many websites. It has a default animation with a large number of controls so you can control it easily.</p> <a href="v2"> <button type="button">Check It</button> </a> </div> <div class="col-lg-2 col-sm-12"></div> <div class="col-lg-4 col-sm-12 column"> <h4 class="heading-space">V3 Slider Skin</h4> <p>This slider has a lot number of animations and controls using jquery and CSS. Use your favorite animations and make your own slider.</p> <a href="v2?issue=v3-not-available"> <button type="button">Check It</button> </a> </div> <div class="col-lg-1 col-sm-12"></div> </div> </div></div> <div class="easily-started"> <h2>Easily Started with Slides Maker</h2> <p>Slides maker is a perfect tool for you to make a responsive slider for your website which gives you full control on your slider. You can upload unlimited images of high megapixels and use them to create your slider for free. All the skins of the slider will give you a responsive one for more reliability.</p></div><!-- footer start here --><div class="footer theme-1"> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-7 column"></div> <div class="col-md-6 col-lg-5 menu"> <div class="container"> <div class="row"> <div class="col-sm-6 column"></div> <div class="col-sm-6 column company"></div> </div> </div> </div> </div> </div></div><div class="copyright-area copyright-area-theme-1"></div><!--footer end here --><!-- <div class="cookie-consent-container"> <div class="header"> <div class="img"></div> <div class="title">Cookie Consent</div> </div> <div class="cookie-content"> This website uses cookies and similar technologies, to improve the user experience and to show relevant ads. By continuing to site, you agree to our <a href="privacy">Privacy Policy</a>. </div> <div class="cookie-btn"> <button>Accept</button> </div></div> --> <script src="assets/lib/js/jquery.min.v3.5.1.js"></script><script src="assets/lib/js/easing.v3.slidesmaker.js"></script><script src="assets/lib/js/script.v3.slidesmaker.js"></script><script src="assets/js/script.main.v0.01.js"></script> </body></html>
