Track Awesome Tailwindcss Updates Weekly

😎 Awesome things related to Tailwind CSS

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 aniftyco/awesome-tailwindcss · ⭐ 14K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Jun 02 - Jun 08, 2025

Useful links

• 💙 Tailwind Plus - UI blocks, templates, and a UI kit by the Tailwind CSS team.

IDE extensions

• 💙 Intellisense for Code - Provides IntelliSense in Visual Studio Code.

Tools

• 🎨🌍🔧 UI colors - Color palette generator for Tailwind CSS.

• 🎨🌍🔧 Hypercolor - Collection of Tailwind CSS gradients with directional options.

• 🎨🌍🔧 Inclusive colors - Create fine-tuned WCAG accessible Tailwind CSS color palettes.

• 💼 Config viewer (⭐2.2k) - Local UI tool for visualizing your Tailwind CSS configuration file.

• 💼 Raycast extension - Search classes, documentation and colors in Raycast Launcher.

• 💼 NativeWind - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.

• 🌐 Gimli Tailwind - Smart tools for Tailwind CSS as a browser extension.

• 🌐 CSS Variables Editor - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.

• 🌐 DivMagic - Copy any web element and style as Tailwind CSS component.

UI libraries, components & templates

• 💙🧩 Tailwind UI - Component library made with Tailwind CSS.

• 💙📚 Headless UI - Completely unstyled, fully accessible UI components.

• 💙📁 Catalyst - Beautiful, accessible application UI kit for React.

• 🧩 shadcn UI - Re-usable components built using Radix UI and Tailwind CSS.

• 🧩 Layouts for Tailwind - Layouts and UI patterns for Tailwind CSS.

• 🧩 Ripple UI - Clean, modern and beautiful Tailwind CSS components.

• 🧩 8bitcn UI - Re-usable retro components built using Shadcn UI and Tailwind CSS.

• 🧩 Xtend UI (⭐437) - Tailwind CSS components with advanced interactions and animations.

• 🧩 Tremor - React library to build charts and dashboards with Tailwind CSS.

• 📚 Daisy UI (⭐38k) - UI Components for Tailwind CSS.

• 📚 Flowbite - Component library built with Tailwind CSS.

• 📚 STDF - Mobile web component library based on Svelte and Tailwind CSS.

• 📚 Preline UI - Open-source Tailwind CSS components library for any needs.

• 📚 Date picker (⭐147) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.

• 📁 Built at lightspeed - Massive directory of 500+ Tailwind templates, starters and UI kits.

• 📁 Statichunt - Open source directory of hand-picked free and premium Tailwind templates & starters.

Plugins

• 💙🧩 Typography (⭐5.6k) - Adds a prose class for beautiful typographic defaults.

• 💙 Forms (⭐4.4k) - Adds better default styles to form elements.

• 🎨 Themer (⭐309) - Adds theming support for Tailwind CSS with CSS variables and variants.

• 💼 Bootstrap grid (⭐184) - Generates Bootstrap's style flexbox grid system.

• 💼 Dot & grid backgrounds (⭐31) - Adds bg-grid and bg-dot classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.

• 💼 Leading Trim (⭐113) - Adds utilities to trim text whitespace, using Capsize (⭐1.6k).

• 💼 Scrollbar Hide (⭐281) - Adds scrollbar-hide class for visual hide scrollbar.

• 💼 px to viewport (⭐2) - Adds utilities to automatically convert px to vw / vh.

• 💼🧩 Fluid (⭐1.7k) - Adds fluid clamp() versions of every built-in utility.

• 🧩 Debug screens (⭐659) - Adds a component that shows the currently active screen (responsive breakpoint).

Jan 06 - Jan 12, 2025

UI libraries, components & templates

• 🧩 Kokonut UI - Collection of modern, interactive customizable UI components.

Nov 11 - Nov 17, 2024

Tools

• 🎨🌍🔧 Tints - Color palette generator and API for Tailwind CSS.

Sep 02 - Sep 08, 2024

IDE extensions

• Editor support for VS2022 (⭐130) - IntelliSense, linting, sorting, and more in Visual Studio 2022.

May 06 - May 12, 2024

Tools

• 🎨🌍🔧 Fullwind CSS - Extend Tailwind CSS color palettes with additional shades.

Jan 08 - Jan 14, 2024

UI libraries, components & templates

• 📁 Astro Template Dante (⭐404) - Tailwind CSS & Astro blog/portfolio template.

Dec 04 - Dec 10, 2023

Useful links

• 💙 Discord - Official Discord server to connect with other community members about Tailwind CSS.

Tools

• 💙💼 Prettier plugin (⭐6.5k) - Official Tailwind CSS plugin for Prettier.

• 🔼🌍 Prefixer - Tailwind classes' prefixer tool.

• 🚀 Maizzle - Framework for rapid email prototyping with Tailwind CSS.

Oct 23 - Oct 29, 2023

UI libraries, components & templates

• 📁 Astro Template Ovidius (⭐107) - Tailwind CSS & Astro blog template.

Jul 31 - Aug 06, 2023

UI libraries, components & templates

• 📁 Astro Template Cactus (⭐1.3k) - Tailwind CSS Astro starter template.

Jul 17 - Jul 23, 2023

UI libraries, components & templates

• 🧩 HyperUI - Open source marketing and ecommerce Tailwind CSS components.

• 🧩 Pines UI - Alpine and Tailwind CSS UI library.

Jun 26 - Jul 02, 2023

IDE extensions

• LSP support for Emacs (⭐213) - LSP support for Emacs.

Mar 20 - Mar 26, 2023

UI libraries, components & templates

• 📁 Astro Template Resume (⭐4) - Eye-catching resume template built with Astro, Tailwind CSS.

Jan 16 - Jan 22, 2023

UI libraries, components & templates

• 📁 Flowbite Admin Dashboard (⭐2.5k) - Open-source admin dashboard template built with Tailwind CSS and Flowbite.

Dec 05 - Dec 11, 2022

UI libraries, components & templates

• 📁 Admin One React (⭐537) - Free React.js Tailwind CSS admin template with Next.js & TypeScript.

Dec 06 - Dec 12, 2021

UI libraries, components & templates

• 📁 Admin One Vue 3 (⭐2.3k) - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.

Feb 01 - Feb 07, 2021

UI libraries, components & templates

• 🧩 Kometa UI Kit - Free multi-purpose UI kit, built with Tailwind CSS.

Jan 11 - Jan 17, 2021

Tools

• 💼 tailwindcss-rails (⭐1.5k) - Gem for using Tailwind CSS with Rails' asset pipeline.

Nov 09 - Nov 15, 2020

Useful links

• 💙 Headless UI (⭐28k) - Completely unstyled, fully accessible UI components.

Oct 12 - Oct 18, 2020

Useful links

• 💙 Play - Advanced online playground for Tailwind CSS.

Sep 14 - Sep 20, 2020

Tools

• 🎨🌍🔧 TailwindInk - AI palette generator, trained with the Tailwind CSS palette.

Sep 07 - Sep 13, 2020

Useful links

• 💙 Website - Official Tailwind CSS website.

• 💙 Repository (⭐89k) - Official Tailwind CSS repository.

• 💙 Heroicons - Beautiful, hand-crafted SVG icons.

• Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.

Tools

• 🎨🌍🔧 Tailwind Color Shades - Color shades generator for Tailwind CSS.

• 🔼 RustyWind (⭐554) - CLI tool for sorting Tailwind CSS classes.

• 💼 @nuxtjs/tailwindcss (⭐1.8k) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).

UI libraries, components & templates

• 🧩 Meraki UI Components - Beautiful Tailwind CSS components that support RTL languages.