In this tutorial, you will learn how to create an image comparison slider using React.js and Tailwind CSS.
You don't need any previous experience to do this tutorial as I will show you each step I do. To follow along, clone the source repository from here: https://github.com/AustinShelby/Image...
By the end of this tutorial, you will have learned the necessary skills on how to build a responsive image comparison slider.
If you want to master Tailwind CSS, check out my playlist of all of my Tailwind tutorials here: • Tailwind CSS Tutorials
Chapters
00:00 Introduction
00:35 Project Boilerplate
03:38 Creating the Slider
09:10 Creating the Handler
18:23 Creating a Touch Handler for Mobile
20:38 Styling the Image Slider