Using Notistack in Nextjs | React js

Showing toast messages in react apps is a common feature to add, as it’s one of the quickest ways to give feedback to users. There are many toast…

lucide icons

Using Lucide React Icons in Nextjs | React js

Lucide offers a sleek and versatile icon library that seamlessly integrates with your Next.js or React applications. Let’s explore how to leverage Lucide for beautiful, customizable icons: Lucide…

Best toast notification libraries for Next js

One of the most liked aspects of the React Ecosystem is that you can find components and libraries for almost everything you want to implement in your React…

ant desing react tutorend

How to Use Ant Design in React

Ant Design is a popular React UI library that provides a set of high-quality components and design guidelines for building modern and responsive web applications. While it’s most…

Scroll Progress Bar in Next js /React

A scroll progress bar is a visual indicator that shows how far a user has scrolled down a web page. In this tutorial, we are going to create…

Use Modal in React / Next js with react-modal component

Modals or PopUps are a great way to show some urgent and important information when a user visits a website, I have implemented a custom Modal using my…

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…