Best of Tailwind CSS — March 2024

1. 1
   Article

   DEV·2y

   Build an awesome developer portfolio website.

   Learn how to build an awesome developer portfolio website using Next, Tailwind CSS, and EmailJS. Step-by-step guide on setup process and GitHub link.

   2.2K

   102
2. 2
   Article

   DEV·2y

   Headless UI - a great components library for Vue & React

   Headless UI is an unstyled and fully accessible UI component library that integrates beautifully with Tailwind CSS. It allows developers to accelerate development speed and avoid the need for workarounds when styling components. Headless UI can be used with both Vue and React.

   134

   3
3. 3
   Video

   Community Picks·2y

   🚀 Building a Full-Stack CRUD App with Next.js, Prisma, tRPC, Shadcn and Tailwind! 🚀

   Learn how to build a full-stack CRUD app using Next.js, Prisma, tRPC, Shadcn, and Tailwind, with the ability to create, update, and delete spell books and spells.

   85

   4
4. 4
   Article

   freeCodeCamp·2y

   How to Build an AI-enhanced Task App with React and Appwrite

   Learn how to build an AI-enhanced task app with React and Appwrite. This article covers the prerequisites, setting up the Appwrite backend, and the step-by-step process of building the app.

   78
5. 5
   Article

   Collections·2y

   What's New in Tailwind CSS 4: Performance Improvements, Smaller Footprint, and Increased Flexibility

   Tailwind CSS 4 brings performance improvements, smaller file sizes, and increased flexibility to developers, making it an efficient and convenient way to style web applications.

   75

   11
6. 6
   Article

   Collections·2y

   Tailwind CSS v4 Alpha: Open-Sourcing Big Changes for Speed and Simplicity

   Tailwind CSS V4 is now open-sourced and brings a faster engine, composable variants, modern CSS features, and simplified installation and customization. Future updates will include support for JavaScript configuration files, additional dark modes, plugins and custom utilities, and prefix support.

   69

   2
7. 7
   Video

   Community Picks·2y

   Build A Responsive Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS

   Learn how to build a responsive sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS. The post covers the usage of the sheet and drawer components, toggling between desktop and mobile view, and styling the sidebar content.

   68

   1
8. 8
   Article

   RUBYLAND·2y

   Tailwind has won

   Tailwind has emerged as the preferred CSS framework due to its extensive styles, excellent documentation, and flexibility. It is used in combination with a custom design system, allowing for easy style sharing across components.

   65

   6