Mantine is a React components library that offers a wide range of customizable components and hooks, compatible with Next.js, Gatsby, etc.
Utilizing @next/third-parties is the quickest way to add google analytics or any third party libraries in your Nextjs apps today
Flowbite is an open-source library of UI components based on the Tailwind CSS framework, we can use it next js using flowbite-react
Notistack is a slick and robust notification library for React providing versatile and highly customizable snackbars ( toast messages ).
Feather Icons is a collection of beautiful icons that you can use in your projects seamlessly you can use react-feather for Next js or React
We might have many unused npm packages in our projects to scan our project we have various tools like depcheck and npm-check
We can use Bootstrap icons in many ways some of them are bootstrap-icons package and react-bootstrap-icons, these are the easiest ways
Lucide React is an React package of Lucide Icons which offer over 1000+ sleek icons to power React or Nextjs application, let learn to use it
There are many toast libraries for react or nextjs lets see some of the best of them, like React Toastify, React hot toast and sonner
There are 100s of icon libraries availble, Lets see some best ones that you can use in your React or Nextjs project, eg. React Icons, Feather Icons
React Hot Toast provides smooth user experience while showing toast notification with lots of customization options
Shadcn UI is unique UI library, We can just add components we need and its features includes Theme editor, source code customization, etc.
Deleting node_modules can be headache sometime but I will share some tricks like rmdir, VS Code delete button, and npkill — which may help.
Sonner toast is all in one package for you if you want to display smooth toast messeges in your applicaiton.
We will install MongoDB, MongoSH for command line and MongoDB compass for GUI access to the mongodb database in this tutorial
Ant Design is a popular React UI library that provides a set of high-quality components and design guidelines for building modern react apps.
A scroll progress bar is an indicator that shows how far a user has scrolled down we can add this in our next js or react app very easily.
Modals or PopUps are a great way to show some urgent and important information when a user visits a website, React-modal is a great component
Modals are beneficial components for showing special messages to the visitor of your website, Although there are ready-made components for react on NPM, building our own custom modal…
React Responsive Carousel is an amazing carousel component for react or nextjs app with lots fo customizaton and props for all type of needs
You can implement sticky navbar feature with the help of just sticky position or fixed position in CSS and little bit Javascript
react-share is a library for social sharing buttons for React and Next js. It supports all the major social media like Facebook and Twitter
Tabs are a common UI element used in web development to organize content and react-tabs is the simplesest solution for this in react / nextjs
react-toastify is an all-in-one solution for toasts and notifications in great with lots of customization and properties
There are two ways to use Tailwind CSS in HTML Project By using Play CDN , By using CLI, you can use our template for quicker setup.
Reat Headroom gives out of the box sticky hide and show behavior with very smooth transition and you can apply it on any component
I am going to introduce you to 10 amazing games that can help you understand the concepts of CSS without getting bored.
When we are developing our website, we may need to find some placeholder images to put on our website until the actual image is ready
Chrome extensions are proving to be very helpful in increasing productivity and making life easier, and you can also develop them with the knowledge you have
react-icons is the most popular icons library among react developers, icons add great value to website look and react-icons is just for that
Upgrade your existing next js projects to next js 13, with simple steps recommended by Vercel like comdemod
We'll learn to create a responsive navbar using Tailwind CSS in a simple HTML project, for this tutorial we'll use Tailwind Play CDN
We can use bootstrap in react in 3 ways 1. Using CDN 2. Downloading compiled source files 3. Using react-bootstrap package which is specially
react-tsparticles is an awesome package for creating particles in React.js we can use it in two way and we are going to talk
In this tutorial we are goin to create a beautiful tailwind sidebar navigation menu, all the source code is provided below.
We are going to create an animated Hamburger Navigation Toggle Button with HTML, CSS and little bit of JS in very short time
We can use Tailwind CSS in two ways 1. By using Tailwind Play CDN and 2. By using Tailwind CSS CLI tool which can be used via NPM and YARN
It is very easy to create responsive layouts in Tailwind CSS, and it makes most of the CSS concepts easier to implement, creating a responsive grid can be as easy as writing just
