Best of Tailwind CSS — March 2025

  1. 1
    Article
    Avatar of communityCommunity Picks·1y

    Introducing the Supabase UI Library

    Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library includes components for password-based authentication, file uploads, real-time cursor sharing, user avatars, and chat functionalities. These components are fully customizable with Tailwind CSS and designed to simplify the integration of complex features in your projects. Additionally, Supabase provides AI code editor rules to enhance development with Supabase and Postgres.

  2. 2
    Article
    Avatar of tailwindcsstailwindcss·1y

    Tailwind UI is now Tailwind Plus

    Tailwind UI has been rebranded as Tailwind Plus, maintaining its one-time purchase model and lifetime access. Existing Tailwind UI All-Access license holders are automatically upgraded to Tailwind Plus. The new brand aims to provide enhanced features such as Tailwind Play accounts, custom editor themes, alternative color palettes, and more. Tailwind Plus also focuses on building a stronger community and offering early access to beta documentation and events.

  3. 3
    Video
    Avatar of developedbyeddevelopedbyed·1y

    Build your own UI Library - a simple guide

    Learn how to set up a component library and design system similar to popular frameworks using Tailwind CSS, React, and Panstack. The guide covers the creation of UI components like buttons, the use of Tailwind merge libraries, and the importance of type safety for CSS class names and variants.

  4. 4
    Article
    Avatar of communityCommunity Picks·1y

    NativeWind

    NativeWind allows developers to use Tailwind CSS for styling React Native components, ensuring a consistent and high-performance experience across platforms. It compiles Tailwind CSS styles during the build step and applies them efficiently at runtime. Key features include universal styling engines, developer UX enhancements, CSS variables, robust animations, transitions, support for Tailwind groups and parent state, responsive styles with media and container queries, pseudo classes, rem unit support, dot notation, and custom CSS compilation.

  5. 5
    Article
    Avatar of colkgirlCode Like A Girl·1y

    DaisyUI: The Tailwind CSS Shortcut You’ll Either Love or Regret

    DaisyUI offers a wide variety of pre-styled components and comprehensive theme support, making it a powerful tool for accelerating UI development with Tailwind CSS. It's highly customizable, allowing users to tweak themes and styles. However, DaisyUI lacks built-in typography support and doesn't work with dynamic class names, restricting its use to Tailwind-based projects. It's ideal for users who want ready-to-use components and easy theming but may not be suitable for those relying on dynamic class names or working outside Tailwind environments.

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

    “🚀 My New Portfolio – Built with Next.js & TailwindCSS! + WP RESTful API as Backend 🎨💻”

    Launched a new website to showcase work in UI/UX design, front-end development, and digital product strategy. Built using Next.js, TailwindCSS, and Wordpress RESTful API for the backend. Visit at https://iuiux.com and share feedback.

  7. 7
    Article
    Avatar of tech_hunterTechunter·1y

    🚀 Just Launched My Brand-New Portfolio! 🚀

    Check out my newly launched personal portfolio featuring dark/light mode, interactive dashboard, Spotify now playing, blog stats, city temperature, and more. Built with Next.js, Sanity CMS, React, and Tailwind. I appreciate your feedback!

  8. 8
    Video
    Avatar of codinginpublicCoding in Public·1y

    Starwind UI: shadcn/ui for Astro

    Starwind UI is a new user interface framework for Astro, created by one of Astro's co-creators, Nate Moore. It uses Astro components and vanilla JavaScript, allowing easy installation and customization. The framework includes various components like buttons, avatars, tabs, and tooltips. It integrates seamlessly with Tailwind CSS and supports event handling and accessibility features. Users can update and delete components while customizing the styles and behavior.

  9. 9
    Article
    Avatar of lnLaravel News·1y

    Flux 2.0 Livewire UI Kit

    Flux 2.0, the official Livewire component library by Caleb Porzio, introduces advanced components such as date pickers, calendars, and charts. These components are built to be lightweight, adding only 13kb to the bundle, and are dependency-free. Flux 2.0 includes a free tier of essential UI components and full Tailwind 4 support, and is available in the Laravel Livewire starter kit. The premium version offers additional advanced UI components with various purchase options.

  10. 10
    Article
    Avatar of uxuiUX/UI·1y

    Portfolio Website – Inspired by tailwindcss.com

    Explore a portfolio website built by a software developer and UI/UX designer using Next.js, Tailwind CSS, and shadcn/ui. The site features a clean, minimalistic design with dark mode, vCard integration, SEO optimization, and email protection. It also supports MDX & Markdown for blogs, with syntax highlighting and RSS feed integration. The source code is available on GitHub.

  11. 11
    Article
    Avatar of awegoAwesome Go·1y

    My 6 months with the GoTH stack: building front-ends with Go, HTML and a little duct tape

    The GoTH stack combines Go, Templ, Tailwind, and HTMX to create an efficient front-end development experience. The author highlights their positive experiences with the stack over six months, noting the benefits of reusable components, easy HTML integration, and server-side rendering with AJAX. While there are some challenges, such as error handling and live updates, the overall experience was favorable. The stack simplifies development by reducing multi-language complexity and offers robust tooling and documentation.

  12. 12
    Video
    Avatar of joyofcodeJoy of Code·1y

    I Love Bits UI (The Headless Component Library For Svelte)

    BatUI, a headless component library for Svelte, has reached its 1.0 release. It offers over 30 customizable components, providing an unstyled and accessible foundation for building high-quality component libraries. Unlike pre-styled libraries, BatUI allows complete control over design and functionality, making it ideal for developers who want to create tailor-made components. The library includes extensive documentation and examples for styling and transitions.

  13. 13
    Article
    Avatar of lnLaravel News·1y

    Laravel 12 Svelte Starter Kit

    The Laravel 12 Svelte Starter Kit, created by Osemudiamhen Ughu, offers a modern starting point for building Laravel applications with a Svelte frontend using Inertia.js. It integrates TypeScript, shadcn-svelte, Tailwind CSS, and Vite, and mimics the structure of the official React/Vue starter kits. Users can find installation instructions and source code on GitHub.

  14. 14
    Video
    Avatar of jherrJack Herrington·1y

    tRPC v11 with TanStack Query on TanStack Start! Part 1

    tRPC version 11 introduces seamless integration with TanStack Query, making it easier to integrate into TanStack Start applications. This guide provides a step-by-step tutorial on setting up and using tRPC within a TanStack Start app, including initializing tRPC, creating endpoints, and using them efficiently within the client-side components. It further demonstrates server-side rendering, prefetching data, and using tRPC calls outside the React context, enhancing both performance and SEO.

See all Tailwind CSS archives