Best of Tailwind CSSFebruary 2025

  1. 1
    Video
    Avatar of javascriptmasteryJavaScript Mastery·1y

    Tailwind CSS v4 Full Course 2025 | Master Tailwind in One Hour

    Master Tailwind CSS with this comprehensive course that teaches utility-first styling, responsive layouts, dark mode, and custom themes. Learn how to structure projects correctly, understand best practices, and optimize your workflow. Gain access to quizzes, interactive exercises, and in-depth lessons on the JS Mastery Pro platform, where you will build a complete, professional landing page.

  2. 2
    Article
    Avatar of devsquadDev Squad·1y

    Terminal UI Inspired Portfolio

    A developer created a unique terminal-themed portfolio using Next.js and Tailwind CSS, featuring a command box where users can type 'help' to learn more about them. The portfolio includes a theme toggle with various developer-inspired themes for customization.

  3. 3
    Article
    Avatar of rubylaRUBYLAND·1y

    Hide Scrollbars While Keeping Scrolling Intact

    Learn how to hide scrollbars while keeping scrolling intact using various CSS techniques, including TailwindCSS. This can enhance the user experience in sleek and minimalistic web designs by decluttering the UI. Ensure accessibility by maintaining functional scrolling through trackpads, touch gestures, or keyboard navigation.

  4. 4
    Article
    Avatar of communityCommunity Picks·1y

    Building a Telegram Clone with Next.js and TailwindCSS - Part One

    This guide details how to build a Telegram Web clone using Next.js, TailwindCSS, and Stream SDKs. It covers setting up the project, implementing user authentication with Clerk, and creating the app's initial layout. The series will continue to add real-time messaging and video/audio call features in later parts.

  5. 5
    Article
    Avatar of communityCommunity Picks·1y

    Free and open-source SVG illustrations

    Flowbite Illustrations offers 54 free and open-source SVG illustrations compatible with Flowbite and Tailwind CSS. Customize colors easily and access support for SVG, PNG formats, and a Figma file. The illustrations can be used in personal and commercial projects with proper credits, and they are suitable for various front-end frameworks.

  6. 6
    Article
    Avatar of golangnutsGo Developers·1y

    Build a Full-Stack Web App in One File With Golang

    Learn how to create a full-stack web application using Golang, AlpineJS, and TailwindCSS in under 2 hours. This tutorial is perfect for those interested in performant HTML template engines, lightweight backend services, and modern front-end frameworks. Note that this approach is not recommended for large applications.

  7. 7
    Article
    Avatar of codropsCodrops·1y

    Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives.

    Nim is a free, open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives. It offers customizable, pre-built motion components to simplify adding animations to websites. Designed for developers, designers, and founders, Nim is easy to customize, featuring a blog powered by MDX and various animated elements.

  8. 8
    Article
    Avatar of devsquadDev Squad·1y

    Beautiful Shadcn UI Landing Page

    A responsive and modern landing page template built using Next.js, Tailwind CSS, and Shadcn UI components. It features a clean design and is easy to customize to fit your brand's needs.

  9. 9
    Article
    Avatar of nextjsNextJS·1y

    Pathfinder: A Modern Mapping App with Next.js 15 and MapboxGL

    Pathfinder is an open-source mapping application built with Next.js 15, MapboxGL, and TypeScript. It features real-time weather data, 3D building visualization, dark/light mode support, a street/satellite toggle, and a fully responsive design.

  10. 10
    Article
    Avatar of devsquadDev Squad·1y

    Portfolio Website – Inspired by tailwindcss.com (v4)

    The author invites feedback on their portfolio website, which is inspired by Tailwind CSS version 4. They share the link to their portfolio for others to view and comment on its design and functionality.

  11. 11
    Article
    Avatar of devsquadDev Squad·1y

    Roast my first portfolio

    A developer requests feedback on their portfolio website built using Astro.js with React, TailwindCSS, and TypeScript. The website link is provided for reviewers.

  12. 12
    Article
    Avatar of allshadcnAll ShadCN·1y

    Beautiful Shadcn UI Landing Page

    A modern, responsive landing page template created using Next.js, Tailwind CSS, Shadcn UI, and Shadcn UI Blocks. The template features a clean design, full responsiveness, and dark mode support. It includes detailed customization options to adapt the template to individual needs.

  13. 13
    Article
    Avatar of webdevelopementWeb Developement·1y

    Build a Full-Stack Web App in One File!

    Learn how to quickly build a full-stack web application using Golang, AlpineJS, and TailwindCSS. The tutorial focuses on creating a simple project for learning purposes, rather than large-scale application development. Key tools include Templ for HTML templates, AlpineJS for reactive components, and PocketBase for lightweight backend services. The project resources are available on GitHub.

  14. 14
    Article
    Avatar of tigerabrodiTiger's Place·1y

    Tailwind v4 features I'm excited about

    Tailwind CSS v4 brings significant updates including CSS-first configuration, dynamic utility values, built-in container queries, 3D transform utilities, enhanced gradient controls, 'not' variant for styling exceptions, layered box shadows and rings, auto-resizing fields, variable font stretch options, and new first/last/nth utilities. These features offer more flexibility, ease of use, and powerful styling capabilities for web developers.

  15. 15
    Article
    Avatar of the_react_communityThe React Community·1y

    Accessible React components made for you to copy, customize, and own.

    The website provides customizable and accessible React components built with TailwindCSS, ready to be copied and integrated into projects.

  16. 16
    Article
    Avatar of fullstackdeveloperFullstack Developer·1y

    open-source Tailwind CSS components library

    Preline UI is an open-source library offering a variety of Tailwind CSS components, including UI examples, blocks, templates, plugins, and a Figma design system.