У кого то есть похожие табы?

$(document).ready(function(){ 
  $('.slider').slick({ 
    slidesToShow:3, 
    arrows:false, 
    dots:true, 
    focusOnSelect:true, 
    centerMode:true, 
    variableWidth:true, 
    customPaging: function(slider, i) { 
          return $(slider.$slides[i]).find('.slide__title').text(); 
    } 
  }); 
}); 
 
$('.slider').on('init reInit', function(){ 
  $(this).find('.slick-dots').prependTo(this); 
});

.slide{ 
  background-color:#ddd; 
  padding:10px; 
  margin:10px; 
} 
.slick-dots .slick-active{ 
  font-weight:bold; 
} 
.slide.slick-current{ 
  color:red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> 
 
<div class="slider"> 
  <div class="slide"> 
    <h5 class="slide__title">Заголовок1</h5> 
  </div> 
  <div class="slide"> 
    <h5 class="slide__title">Заголовок2</h5> 
  </div> 
  <div class="slide"> 
    <h5 class="slide__title">Заголовок3</h5> 
  </div> 
  <div class="slide"> 
    <h5 class="slide__title">Заголовок4</h5> 
  </div> 
  <div class="slide"> 
    <h5 class="slide__title">Заголовок5</h5> 
  </div> 
</div>