A carousel with zooming active slide using react-spring-carousel

• react-spring-example

  1 0 10.0 JavaScript

The whole complete component code is here.

• Tailwind CSS

  1,279 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

In this example i also use Tailwind for styling, if you are not familiar with it, you should have a look to check it out.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Swiper

  87 38,551 9.1 JavaScript

  Most modern mobile touch slider with hardware accelerated transitions

But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...

• Owl Carousel 2

  14 7,874 0.0 JavaScript

  DEPRECATED jQuery Responsive Carousel.

But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...

• slick

  57 28,276 2.8 JavaScript

  the last carousel you'll ever need

But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...

• heroicons

  78 20,690 7.3 JavaScript

  A set of free MIT-licensed high-quality SVG icons for UI development.

  

And also, we want the navigation to work, we need to add it to the markup, (for the SVG, i just quickly copy it from Hero Icons):

Suggest a related project