Slick Slider

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
<ul class="slider">
  <li>
     slide 1
  </li>
  <li>
   slide 2
  </li>
  <li>
   slide 3
  </li>
  <li>
   slide 4
  </li>
  <li>
   slide 5
  </li>
</ul>

CSS

.slider {width:100%}
.slider li {margin:10px;width:200px; height:200px; display:block; border:1px solid #000}

JavaScript

$('.slider').slick({
	variableWidth: true,
  dots: false,
  infinite: false,
});