JSFiddle - React, Tailwind, and code Playground

by Taras Pyatyhorskyy

HTML

<link rel="stylesheet" href="cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.css">
<link rel="stylesheet" href="cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick-theme.css">
<script src="cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>
<script src="https://rawgit.com/kenwheeler/slick/master/slick/slick.js"></script>
<link rel="stylesheet" href="https://rawgit.com/kenwheeler/slick/master/slick/slick.css">
<link rel="stylesheet" href="https://rawgit.com/kenwheeler/slick/master/slick/slick-theme.css">
<div class="wrapper">
  <div class="slide-1">
    <img src="https://s18.postimg.org/o3tnpswph/main-bg.jpg">
  </div>
  <div class="slide-2">
    <img src="https://s18.postimg.org/v71j5fhkl/main-bg-two.png">
  </div>
</div>

JavaScript

$('.wrapper').slick({
         dots: true,
         infinite: true,
         speed: 500,
         fade: true,
         cssEase: 'linear'
       });