In this tutorial, we will see how to add a Tailwind CSS carousel in React without using any library. Install & Setup Tailwind CSS + React + Typescript + Vite React with Tailwind CSS Carousel Slider Modified carousel section: added overflow-hidden…
In this tutorial, we will see how to implement a loading state using React Mantine Core. We’ll cover loading bars and loading dots with React Mantine. React Mantine Loader Example 1. React mantine loader component. 2. React mantine loader component…
In this tutorial, we’ll create a file upload feature in your React application using Tailwind CSS. Before you begin, make sure your project has React, TypeScript, and Tailwind CSS installed and configured. Install & Setup Tailwind CSS + React +…
In this tutorial, we will explore how to utilize a combobox in Next.js with Shadcn UI. A combobox is an autocomplete input and command palette featuring a list of suggestions. First, you need to set up Next.js with the Shadcn…
In this tutorial, we’ll create a responsive navbar menu in Next.js with Shadcn UI. First, you need to set up a Next.js project with Shadcn UI. Before creating a responsive navbar in Next.js 13 with Shadcn UI, you need to…
In this tutorial, we’ll explore how to integrate a search bar into Next.js with Shadcn UI. To begin, you’ll need to set up a Next.js 13 project with Shadcn UI. Before utilizing the search input feature in Next.js 13 with…
In this tutorial, we will create a sidebar in Next.js 13 using Shadcn UI. First, you need to set up your Next.js project with Shadcn UI. Before using the sidebar in Next.js with Shadcn UI, you need to install it…
Today, we will learn how to create a Bootstrap 5 card slider using Splide.js. With the help of Splide.js, you can create a card slider with three columns, a responsive slider, multiple card sliders, and an autoplay card slider with…
Hello! Today, we’ll build a responsive footer section using Bootstrap 5. We’ll cover creating the footer, making it responsive, adding a newsletter section, social media icons, copyright info, and useful links. Example 1. Bootstrap 5 responsive footer section with social…
In today’s tutorial, we will create a 404 error page in react js using mui 5 . We will create react material ui 404 not found page, 404 error page with image, we will design 404 page. First you need…