TailwindCSS has revolutionized the way developers approach CSS frameworks, offering a utility-first approach that promotes rapid development and flexibility. However, converting web elements...

TailwindCSS has an excellent typography plugin that allows you to stylize a set of elements by applying a simple class .prose to the parent container. The Typography plugin can make a boring...

Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very easy and results in m...

TALL stack is a full-stack development solution used for building powerful, modern, and reactive Laravel applications. This stack can be used to build a multitude of applications, in fact, y...

Tailwind CSS is one of the newest and coolest utility libraries on the block, and it lets you build UI components with ease. Here’s a quick guide on how to set up Tailwind in your Vue 3 proj...

Hello everyone, In this tutorial we will be seeing how to build a simple Hacker news clone using Remix and Tailwind css. Remix is a full stack react framework which renders the data on the s...

Introduction So are you sick of the default text selection color? I am, so today we're going to override the default color with one that's a lot more attractive. It will be readily apparent...

In this post we'll be looking at some simple ways to create a reusable markdown editor without having to use a large or complicated javascript library. The blade component uses Tailwind CSS...

In this blog , we will be seeing how to add dark mode to your Next.js project using Tailwind. let’s get started Stack Next.js Tailwind css next-themes Typescript First things first , Let’s...

What is Tailwind CSS? Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very...

Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and style...

🤔 What is TwNFT? TwNFT is a simple web application that allows you to mint your tweets as NFTs for free. It is my submission for the Thirdweb x Hashnode Hackathon. Live Demo / GitHub Repos...

Tailwind is a utility-first framework consisting of various classes to help you build clear and responsive designs fast inside HTML markup file. In this post, you will learn how to set up ta...

Web Development Glossary Search is a web application that I created with the objective of taking part in the MongoDB Atlas Hackathon hosted by the DEV.to community. The app makes use of seve...

Tailwind CSS is a utility-first CSS framework that is being used to create markup-based designs. Next.js is a React framework with features like hybrid static and server rendering, TypeScrip...

Hey everyone, in many apps you need a sidebar/drawer which slides in if you click on a hamburger icon. In this tutorial, we are going to see how to build that 🌟. Demo {% loom b748e5d32ebd45...

Intro Tailwind CSS v3.0 just got released and they have added a lot of cool features, so let's have a look at them. JIT is now inbuilt The JIT mod is now inbuilt in TailwindCSS so it is way...

In this post we'll be looking at some simple ways to visualise data without having to use a large or complicated chart library. The blade component uses TailwindCSS for styling data and Alpi...

In this tutorial I will show you how to create simple modals in Laravel Livewire. We are going to make use of an awesome package called LivewireUI Modal. This package allows you to create so...

An API(Application Programming Interface) abstracts many complexities from developers. Without APIs, a developer's life will be miserable with no proper access to data and knowing unnecessar...

When TailwindCSS v3 is released, we will have some awesome new utility classes to include in our pages. One of which is the the scroll-snap utilities. This will allow you to easily add simpl...

If you’re building an admin panel, chances are that you will need to display the data in some tabular format. Writing every time table, tr, td is a little bit cumbersome, when we need our wo...

What is MeiliSearch? As stated in their official website - MeiliSearch is an open source, blazingly fast and hyper relevant search-engine that will improve your search experience. Laravel al...

Happy Friday!! This week I was working with a simple GitHub repo to save me time when I start new Laravel projects. The repo it's called Laravel Tailwind Boilerplate & Vue ready It consi...

Want to learn what's new in TailwindCSS 2.2 in 22 seconds? Maybe that's a little too ambitious 🤪. It might be more like 122 seconds. Either way, in this tutorial, you will learn the new thi...

I've recently run into a scenario where I want to design a one-off page using TailwindCSS with the CDN link; however, including the CDN link would mean that my page load is a heavy 3MB 🙁. I...

If you are new to TailwindCSS, you're probably familiarizing yourself with some of the utility classes and starting to build some awesome stuff. 😉 As you learn about this awesome framework,...

Tailwind CSS is a relatively new CSS framework that can be easily seen as the next big revolution of the way we style our HTML elements. Tailwind encourages and facilitates a utility-first a...

I've been getting good at designing and painting elements on the page using TailwindCSS. I decided to use a flat laptop image 🖼️ and design it with TailwindCSS. It was actually pretty simple...

Tailwind provides some simple animations out of the box. If you're not familiar with these animations, be sure to check out my post on TailwindCSS Animations here. These simple animations ar...