#tailwindcss Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Send Emails from Next.js with Resend and React Email

In this tutorial, we'll explore how to send emails from a Next.js application using Resend, including custom email templates, domain verification, scheduling, and file attachments. What are Re...

01.04.2025 0 Read More

Why Tailwind CSS is Changing the Way We Write Styles

Is traditional CSS slowing you down? 🤔 Writing long stylesheets, managing class names, and dealing with specificity issues—it’s time-consuming! Enter Tailwind CSS: the utility-first framework t...

02.04.2025 0 Read More

Building an NSFW AI Image Generator with Next.js, React, and Tailwind CSS

Building an NSFW AI Image Generator with Next.js, React, and Tailwind CSS In this article, we'll walk through how we built an NSFW AI Image Generator using Next.js, React, and Tailwind CSS. W...

02.04.2025 0 Read More

Create a basic Kanban board with Tailwind CSS and JavaScript

Let's kick things off with a simple Kanban board. We'll be using Tailwind CSS and JavaScript to build one with three columns: To Do, In Progress, and Done.What are Kanban boards? A Kanban board is a v...

03.04.2025 0 Read More

Tailwind CSS V4 Dark Mode

How to implement theme toggler in tailwind CSS v4 in React project Theme handler First, we need a button or a component that will toggle dark and light mode. Into the component, we n...

03.04.2025 0 Read More

iHateReading UI: 50+ React Tailwind building components

Build any website in the world by copy-pasting the components Under the Hood Welcome to the new blog Today’s blog is about building blocks and facing a problem A software d...

04.04.2025 0 Read More

How to Build a Developer Portfolio Website Using Next.js From Scratch

`How to Build a Developer Portfolio Website Using Next.js From ScratchA developer portfolio is more than a website — it's a statement. It showcases your skills, your personality, and your ability to...

04.04.2025 0 Read More

Create a drag and drop with Tailwind CSS and JavaScript

Today we are doing something fun with JavaScript and Tailwind CSS using Sortable.js.What is a drag and drop? A drag and drop is a way to move an item from one place to another. It is a common way to m...

05.04.2025 0 Read More

Portfolio Website

Developed a fully responsive personal portfolio website using React, featuring smooth and engaging animations with GSAP (GreenSock Animation Platform). Designed a clean and modern UI with TailwindCSS,...

06.04.2025 0 Read More

Step-by-Step: Styling a Portfolio Website With Tailwind CSS

Step-by-Step: Styling a Portfolio Website With Tailwind CSSTailwind CSS has revolutionized how developers style modern websites, offering utility-first classes that speed up development without sacrif...