Build Full Screen Image Slider using Next.js & TailwindCSS | Auto-slide Effect |Beginners Tutorials
Today we are going to build Full Screen Image Slider using Next.js & TailwindCSS | Auto-slide Effect |Beginners Tutorials. It includes map function, Heroicons, 3 party packages(react-slideshow-image) usage for smooth image transition.
You can continue parallel with me for a better understanding of the web concepts & uplift your design/dev skills up to the next level in a short span of time.✌🏻
🔔 Subscribe for more!
/ streamline13
📚 Materials/References:
🔗 Project Source code (give it a star ⭐):-
https://github.com/Streamline6/Respon...
📁 Assets
Icons: https://heroicons.com/
Images: https://unsplash.com/
designs:https://www.canva.com/
packages: https://www.npmjs.com/package/react-s...
Time Stamps 👇
00:00 - Introduction
00:12 - Project Showcase
01:32 - Project Setup
03:46 - Install Packages
12:38 - Zoom effect
13:00 - Map function
😊 Follow Me:
Instagram: / stream_line6
Twitter: / stream_line6
🔔 Support me, Subscribe for more!
/ streamline13
💼 Business Inquiries:
E-mail: [email protected]
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#Nextjs #tailwindcss #nikstreamline