Create Tabs in React or Next JS with react-tabs
Tabs are a common UI element used in web development to organize content and present it in a structured and user-friendly way. In React it becomes very easy…
Using React Toastify in Next Js / React
React Toastify lets you add toast/notifications to your application within minutes, and using it is relatively easy. It provides so much customization that you feel like it’s an…
How To Use Tailwind CSS in Simple HTML projects
Tailwind is Utility First CSS Library used for rapidly developing web applications, it eliminates the need of writing pure CSS and has a utility class for almost every…
Sticky/ Dynamic Navbar by Using react-headroom
You must have seen Navbars on some websites that hide and show when you scroll a little bit, that’s called Sticky or Dynamic Navbar. You can implement this…
10 Games To Learn CSS
Learning CSS can be very challenging because the journey to master CSS is very long and time-consuming, there are no shortcuts but still, we can make this journey…
Placeholder Images For Your Website using Picsum
When we are developing or designing our website, we may need to find some placeholder images to put on our website until the actual image is ready. There…
How to Create Your First Chrome Extension
There are around 200 thousand Chrome extensions already available for all kinds of situations so what might be the reason to develop your own new Chrome extension, well…
How To Use react-icons in React Js or Next Js app
Using Icons on a website makes it look so beautiful and easy to navigate, and if we are building one with React Js or any React-based frameworks like…
How To Upgrade Existing Projects To Next Js 13
Upgrade your existing next js projects to next js 13, with simple steps recommended by Vercel like comdemod
Create a Responsive Navbar using Tailwind CSS
In this tutorial, we will see how we can create a simple responsive Navbar or Header using only Tailwind CSS. For this tutorial, we are going to set…