#tailwindcss Development Tutorials & Tips | Roast Dev

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

Create a calendar layout with Tailwind CSS

Why a calendar layout?A calendar layout is a design pattern where content is organized into a calendar-like format. It’s an effective way to display time-based information and events. Read the full ...

16.04.2025 0 Read More

Onlook: The Open-Source Cursor That's Revolutionizing Web Design

Quick Summary: 📝 Onlook is an open-source tool that allows designers to directly design and edit live React applications. It integrates seamlessly with React and TailwindCSS, enabling real...

16.04.2025 0 Read More

Create an animated toggle with Tailwind CSS

It’s toggle day! Let’s create a toggle that animates when you click it only with Tailwind CSS. Zero JavaScript required!What is a toggle?A toggle is a button that can be toggled on or off. It’s ...

17.04.2025 0 Read More

Get a free landing-page template now! 📈

⏳ Available for free until Saturday only!Are you building a SaaS, an app, a startup idea, or a digital product? Then you probably know how crucial a well-designed landing page is for your first impr...

17.04.2025 0 Read More

Crie seu primeiro projeto com Gemini: um gerador de bios para Instagram usando Next.js

Quer aprender como integrar a API Gemini da Google em um projeto real? Vamos construir um gerador de bios para Instagram com Next.js e IA generativa — simples, útil e divertido!🧰 O que você vai...

17.04.2025 0 Read More

Introduction to Tailwind CSS: Faster Styling for Full-Stack Developers

Tailwind CSS is a utility-first CSS framework that helps full-stack developers build responsive and modern web applications faster. With its mobile-first approach and customizable design system, Tailw...

18.04.2025 0 Read More

Create an animated expanding search bar with Tailwind CSS

Today we are gogin to create an expandable search bar using only Tailwind CSS. What is an expandable search bar?An expandable search bar is a search bar that expands when the user clicks on it. It is ...

18.04.2025 0 Read More

13 Best Tailwind UI Plus Alternatives for 2025

Tired of paying for UI components on every new project? You're not the only one. In 2025, with the boom in side hustles and lean startups, it's smart to look for solid alternatives that don’t stretc...

18.04.2025 0 Read More

Create a JavaScript-Free animated accordion FAQ section with only Tailwind CSS

Today we are going to create a JavaScript-free animated accordion FAQ section using only Tailwind CSS. This is a great way to add interactivity to your website without using JavaScript.Read the full a...

19.04.2025 0 Read More

Tailwind and Preline UI

Hi, as a user of Preline with Tailwind, I notice that the manual compilation is recurrent. Is there any way to automate it and avoid always using the Tailwind command?...

19.04.2025 0 Read More

Create a calendar layout with Tailwind CSS

Onlook: The Open-Source Cursor That's Revolutionizing Web Design

Create an animated toggle with Tailwind CSS

Get a free landing-page template now! 📈

Crie seu primeiro projeto com Gemini: um gerador de bios para Instagram usando Next.js

Introduction to Tailwind CSS: Faster Styling for Full-Stack Developers

Create an animated expanding search bar with Tailwind CSS

13 Best Tailwind UI Plus Alternatives for 2025

Create a JavaScript-Free animated accordion FAQ section with only Tailwind CSS

Tailwind and Preline UI

#reading

#popular