How to Create an Attractive File Upload Widget With React/Next.js and Tailwind CSS

By leveraging the strengths of React, Tailwind CSS, and Daisy UI, we can create a user-friendly and aesthetically pleasing file uploader.

React and Tailwind CSS: Making a Typewriter Animation from Scratch

Learn to create a typewriter animation using React and Tailwind CSS. Step-by-step guide to add a retro touch to your web design.

How to Disable Body Scroll When a Modal Dialog is Open in React / Next.js

In this tutorial, I'll show you how to create a modal dialog overlay and disable the body scroll bars when it is open using Next.js 13 / React.

Create a Responsive Animated Sidebar Using React / Next.js and Tailwind CSS

In this tutorial, I'll show you how to leverage the power of Tailwind CSS and Next.js to create a simple yet elegant mobile-responsive sidebar using no other dependencies.

How I Learned to Shut Up and Love Tailwind CSS

It took me a while, but I'm finally fully on the Tailwind CSS bandwagon. In this article, I'll explain why and how I got there.

Creating a Modern Hero Image Using NextJS 13 Images and Tailwind CSS

This tutorial focuses on creating a more modern website hero section using NextJS 13 Images and Tailwind CSS.

How to Create a React-Native App With Tailwind (Nativewind) and Google Fonts

In this tutorial, I'm going to show you how to set up a new React-Native project using the Expo CLI tool. Then we'll install and configure Tailwind. And then as an extra-added bonus, we'll define a custom font class for a Google font.