Карусель на jquery - Поиск компонентов, модулей, плагинов

			$('.slider-cards .slider-items').slick({
				dots: false,
				arrows: true,
				infinite: true,
				speed: 500,
				centerMode: false,
				slidesToShow: 3,
				slidesToScroll: 1,	
			});	

       .slick-list {
              overflow: unset !important;
              .slick-track {
                     width: 100% !important;
                     left: 0 !important;
                     right: 0 !important;
                     transform: none !important;
                     height: 545px;
                     @media (max-width: @screen-sm-max) {
                            height: 485px;
                     }
                     @media (max-width: @screen-sm-max) {
                            height: 510px;
                     }
              }
       }
       .slick-slide {
              opacity: 0;
              transition: all 0.4s;
              position: absolute !important;
              height: auto !important;
              width: 100% !important;
              z-index: 11 !important;
              transform: rotateY(0deg) translateX(-20%) scale(1.2)!important;
              pointer-events: none;
       }
       .slick-active {
              opacity: 1;
              transition: all 0.4s;
              z-index: 10 !important;
              transform: rotateY(0deg) translateX(0%)!important;
              &.slick-current {
                     pointer-events: all;
                     .item-desc {
                            opacity: 1;
                            transition-delay: 0.3s;
                            transition-duration: 0.3s;
                     }
              }
              + .slick-slide {
                     z-index: 9 !important;
                     transform: rotateY(0deg) translateX(20%) scale(0.8)!important;
              }
              + .slick-slide + .slick-slide {
                     z-index: 8 !important;
                     transform: rotateY(0deg) translateX(40%) scale(0.6)!important;
              }
              + .slick-slide + .slick-slide + .slick-slide {
                     z-index: 7 !important;
                     transform: rotateY(0deg) translateX(60%) scale(0.4)!important;
                     opacity: 0;
              }
       }
       .slick-prev,
       .slick-next {
              height: 40px !important;
              width: 40px !important;
              top: -49px !important;
              background: @color2 !important;
              &:hover {
                     background: @color2-hov !important;
              }
       }
       .slick-prev::before,
       .slick-next::before {
              font-size: 13px !important;
              color: #fff !important;
       }
       .slick-next {
              right: 20%;
              margin-right: -115px;
              border-radius: 0 4px 4px 0 !important;
       }
       .slick-prev {
              left: 110%;
              margin-left: -130px;
              border-radius: 4px 0 0 4px !important;
       }
       .slick-dots {
              bottom: -30px;
       }