Best of Tailwind CSS — August 2025

  1. 1
    Article
    Avatar of logrocketLogRocket·39w

    daisyUI 5 is here: What’s new and what to expect

    daisyUI 5 represents a complete rewrite of the popular Tailwind CSS component library, offering significant performance improvements with 75% smaller bundle size and zero dependencies. The major changes include moving configuration from JavaScript to CSS files, introducing a powerful new theming engine with readable CSS variables and oklch color functions, and adding new components like Validator and List. The update also brings new style modifiers such as btn-soft and btn-dash, plus global effect variables for depth and noise. Migration involves updating package versions, moving plugin configuration to CSS, and updating some class names like card-compact to card-sm.

  2. 2
    Article
    Avatar of tilThis is Learning·39w

    TanStack Start: light, dark, and system theme without flickers

    A comprehensive guide to implementing light, dark, and system theme switching in TanStack Start applications without flickering issues. Covers the challenges of server-side rendering with themes, including FOUC prevention through inline scripts, safe localStorage handling, CSS-driven UI controls, and proper hydration management. Includes practical code examples for theme providers, storage utilities, and validation with Zod.

  3. 3
    Video
    Avatar of javascriptmasteryJavaScript Mastery·41w

    Build & Deploy 3 Full-stack Mobile Apps That’ll Get You Hired | Full 10-Hour React Native Course

    A comprehensive 10-hour React Native course covering the development of three full-stack mobile applications: a movie app, real estate platform, and food delivery app. The course teaches React Native fundamentals, Expo framework, file-based routing, authentication, UI design with Tailwind CSS, and backend integration with Appwrite. Students learn to build production-ready apps with features like search functionality, user profiles, navigation systems, and real-time data handling while following clean architecture patterns.

  4. 4
    Article
    Avatar of ergq3auoeReinier·42w

    How to Build a React Page Builder: Puck and Tailwind v4.0

    A beginner-friendly tutorial demonstrating how to create a page builder from scratch using Next.js, Tailwind v4.0, and Puck. The guide covers core Puck concepts and results in a fully functional builder that can be integrated with any CMS, providing the foundation for building design-in-browser tools.

  5. 5
    Article
    Avatar of ergq3auoeReinier·39w

    React Native Crash Course 2.0 for Beginners - Build 4 Apps in 14 Hours (Expo, Tailwind, Payment, AI)

    A comprehensive 14-hour React Native tutorial covering the development of four complete mobile applications: an AI-powered workout tracker with live timers and analytics, a video calling app supporting 100k+ participants, a delivery tracking app with JSON data processing, and a fitness app with subscription payments and feature gating. The course uses modern tools including Expo and Tailwind CSS.

  6. 6
    Article
    Avatar of ergq3auoeReinier·39w

    Build and Deploy Nike’s $100B Full Stack eCommerce App | Next.js, PostgreSQL, Tailwind, Devin AI

    A comprehensive tutorial demonstrating how to build a Nike-inspired eCommerce application using modern web technologies. The project combines Next.js 15 with TypeScript for the frontend, TailwindCSS for styling, and a robust backend featuring Neon PostgreSQL with Drizzle ORM. The tutorial explores using Devin AI for development assistance, implements Better Auth for authentication, and uses Zustand for state management, all structured in a modular architecture designed for scalability and maintainability.

  7. 7
    Article
    Avatar of telerikTelerik·40w

    Common Tailwind CSS Patterns

    Covers essential Tailwind CSS patterns for creating and positioning elements including cards, flexbox layouts, grid systems, spacing techniques, and fixed positioning for navigation bars. Demonstrates how to use utility classes for alignment, responsive design with breakpoint prefixes, and element ordering across different screen sizes.

  8. 8
    Article
    Avatar of alltailwindcssAll Tailwind CSS·42w

    🚀 FlyonUI MCP – Our New Tailwind AI Builder is Live on Product Hunt! 🎉

    FlyonUI MCP is a new AI-powered low-code tool that automatically generates Tailwind CSS UI components, landing pages, and design blocks like hero sections. The tool aims to help developers and designers create responsive designs more efficiently by reducing manual coding time. It's now available on Product Hunt and open-sourced on GitHub for community contributions.

See all Tailwind CSS archives