Create Custom Modal in React with Tailwind CSS | Modal in NextJS with Tailwind

In this tutorial, you'll learn how to create a custom modal or popup in react js with tailwind CSS. Here I have used next js with tailwindcss to create the modal. I have made total 3 modals, first one is a basic modal with text content in it, for the second one I have created video modal where you can display a YouTube video in the modal, and for the last one I have made a more complex HTML form with tailwind in the modal. So all the major contents which generally you need to add in a modal are covered in this tutorial. ⦿ eCommerce Website Design with Tailwind CSS Tutorial https://youtu.be/iNDvh7O2WZM ⦿ Login Page in Next JS with Tailwind CSS Tutorial https://youtu.be/G1edEyAnEZY ⦿ Sidebar Navigation Menu with Tailwind Tailwind CSS Tutorial https://youtu.be/MszSqhEw__8 → Social App with Firebase in React Native Playlist https://www.youtube.com/playlist?list=PLQWFhX-gwJbmrCwksjn77tdl36dIWPFAt → React navigation v5 tutorial playlist https://www.youtube.com/playlist?list=PLQWFhX-gwJbmmqcP-9zMXBaxQbGKfIJY2 → Food Finder App in React Native Playlist https://youtube.com/playlist?list=PLQWFhX-gwJbkETb0lfml7W8VvZb-Hc8oK → Music App UI Tutorial https://youtu.be/fOtCxD3AodY ► Timestamps 0:00 Introduction 1:29 Create the NextJS Project with Tailwind CSS 2:50 Create Main Page Layout 4:20 Create Modal If you found my tutorials helpful, you can buy me a coffee from this link https://paypal.me/itzpradip Follow me on Twitter https://twitter.com/itzpradip Follow me on GitHub https://github.com/itzpradip Subscribe to my Channel http://bit.ly/2PaUqOk For more tutorials on WordPress, React JS, React Native and Flutter visit: http://www.pradipdebnath.com/blog/