Using Slick to build carousel easily

If you need to add beautifull carousel with easy to configure, I think you want Slick. Slick is very useful plugin that use for adding carousel to our website. If you don’t know what is carousel, it’s image, animations, video or html markup slider located in website headers. It’s not also at headers, we can add sliders anywhere we need.

Why you should use this plugin? Here is the Slick’s features

If you need more just visit the you’ll find some Slicks demo, the documentation, usage, and optional setting. Also you can download the plugin there.

I’ll show simple demo how to use this plugin.

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
// Add the new slick-theme.css if you want the default styling
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
    setting-name: setting-value
<div class="your-class">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>

In your <div> tag you can add image, or others contents. Slick is free and easy to use, with amazing features that you need to build amazing slider, or carousel in your project. Happy learning!

0 0 votes
Article Rating
Notify of

Inline Feedbacks
View all comments

Would love your thoughts, please comment.x