Top 50 Awesome List

aniftyco/awesome-tailwindcss

Front-End Development聽聽3 days ago聽聽8k
馃槑 Awesome things related to Tailwind CSS
View byDAY/WEEK/README
View on Github


Tailwind CSS logo

Awesome Tailwind CSS

Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

Awesome badge Lint status badge

Contents

Legend: 馃挋 Official resource

  • 馃挋 Website - Official Tailwind CSS website.
  • 馃挋 Repositorystars52.8k - Official Tailwind CSS repository.
  • 馃挋 Discussions - Official place to connect with other community members about Tailwind.
  • 馃挋 Tailwind UI - Component library made with Tailwind CSS.
  • 馃挋 Headless UIstars12.8k - Completely unstyled, fully accessible UI components.
  • 馃挋 Heroicons - Beautiful, hand-crafted SVG icons.
  • 馃挋 Play - Advanced online playground for Tailwind CSS.
  • 馃挋 Just-in-timestars2.3k - Just-in-time compiler for Tailwind CSS.
  • Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.
  • Built With Tailwind - Community-driven collection of awesome websites built with Tailwind CSS.

IDE Extensions

Legend: 馃挋 Official resource

Plugins

Legend: 馃挋 Official plugin 路 馃帹 Theming 路 馃捈 Utilities 路 馃К Variants 路 馃З Components 路 馃洃 Deprecated

馃洃 - The plugins below offer functionalities that are now fully or partially implemented in Tailwind CSS.

Tools

Legend: 馃實 Accessible online 路 馃敿 Conversion or upgrade tool 路 馃敡 Generator 路 馃叞 Typing/enforcement 路 馃捈 Plugins/Tools/Extensions for external services 路 馃帹 Color-related 路 馃殌 Framework

UI Libraries, Components & Templates

Legend: 馃挋 Official resource 路 馃摎 Library 路 馃З Components 路 馃搧 Templates

  • 馃挋馃З Tailwind UI - Component library made with Tailwind CSS.
  • 馃挋馃摎 Headless UIstars12.8k - Completely unstyled, fully accessible UI components.
  • 馃摎 VueTailwindstars1.7k - Vue.js UI library using Tailwind CSS.
  • 馃摎 Tailwind Elements - Huge collection of free components, mobile-friendly thanks to Bootstrap 5.
  • 馃摎 Vechai UI - High-quality accessible React components with the built-in dark mode using Tailwind CSS.
  • 馃摎 Flowbite - Open-source component library built with Tailwind CSS.
  • 馃摎 a17t - Atomic design toolkit built to extend Tailwind CSS.
  • 馃摎 tails-uistars173 - React UI library using Tailwind CSS.
  • 馃摎 tailsstars600 - Hand-crafted templates and components using Tailwind CSS.
  • 馃摎 Svelte Headless UIstars282 - Unofficial Svelte port of Headless UI.
  • 馃З TailBlocks - 60+ different ready to use Tailwind CSS blocks.
  • 馃З Tailwind Components - Community-driven Tailwind CSS component repository.
  • 馃З Tailwind Toolbox - Templates, components and resources.
  • 馃З Meraki UI Components - Beautiful Tailwind CSS components that support RTL languages.
  • 馃З Tailwind Cardsstars345 - Growing collection of text/image cards.
  • 馃З馃搧 Tailwind Templates - Collection of templates and components.
  • 馃З馃搧 Treact - React UI templates and components built using Tailwind CSS.
  • 馃З馃搧 Jakarta LTEstars101 - Admin template using Tailwind CSS.
  • 馃З馃搧 themes.dev - Handcrafted, free and premium Tailwind CSS themes and components.
  • 馃З Kutty - Accessible and reusable components that are commonly used in web applications.
  • 馃З Sail UI - Collection of basic UI components built on Tailwind CSS.
  • 馃З jQuery Toggler - Switches using jQuery and Tailwind CSS.
  • 馃З Tailwind Kit - Framework-agnostic, Vue.js, React and Angular components.
  • 馃З lofi ui - Low-fidelity Tailwind CSS components.
  • 馃З Gust UI - Sleek Tailwind CSS components for web applications in React and HTML.
  • 馃З Windstrap - Tailwind CSS with Bootstrap JS.
  • 馃З WickedBlocks - Collection of more than 120 layout blocks and components built with Tailwind CSS.
  • 馃З Daisy UIstars7.3k - UI Components for Tailwind CSS.
  • 馃З Kometa UI Kit - Free multi-purpose UI kit, built with Tailwind CSS.
  • 馃З Mamba UI - Free Tailwind CSS components, sections and templates.
  • 馃З Litepie Date pickerstars199 - A date range picker component for Vue.js and Tailwind CSS.
  • 馃З Tailwind Datepickerstars66 - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.
  • 馃З Tailwind Typeaheadstars9 - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.
  • 馃З Material Tailwind - Easy to use components library for Tailwind CSS and Material Design.
  • 馃З Layouts for Tailwind - Layouts and UI Patterns for Tailwind CSS.
  • 馃З HyperUI - Open source marketing and ecommerce Tailwind CSS components.
  • 馃搧 Vue Notus - Open-source Tailwind CSS and Vue.js UI kit.
  • 馃搧 Red Pixel Themes - Paid, developer-friendly templates made with Tailwind CSS.
  • 馃搧 EasyTailwind - Freemium, easily customizable templates made with Tailwind CSS.
  • 馃搧 Windmill Dashboard - Multi theme, completely accessible dashboard template.
  • 馃搧 Tailwind Adminstars359 - Administration panel template with Tailwind CSS.
  • 馃搧 Landing Gradients - Landing page template using gradients (1.7+).
  • 馃搧 Resumestars23 - Simple resume with Tailwind CSS.
  • 馃搧 Resumestars49 - A stylized resume template built with Tailwind CSS, featuring a nifty hero-pattern background and custom font.
  • 馃搧 Simple Lightstars1.2k - Free landing page template built with React & Tailwind CSS.
  • 馃搧 V-Dashboardstars666 - Dashboard starter template built with Vue 3 and Tailwind CSS.
  • 馃搧 Petrastars18 - Free landing page template built with Nuxt.js & Tailwind CSS.
  • 馃搧 Tailminstars30 - Admin dashboard built with Vue.js and Tailwind CSS.
  • 馃搧 OhMySMTP Templatesstars98 - Set of Transactional HTML Email Templates, built with Maizzle
  • 馃搧 Material Tailwind Kit React - Free Tailwind CSS and React UI kit.
  • 馃搧 Material Tailwind Dashboard React - Free Tailwind CSS and React admin template.
  • 馃搧 Admin One Vue 3stars298 - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.
  • 馃搧 Cruip - Beautifully designed HTML, React, and Vue.js templates.

Starters & Themes

Legend: 馃捈 Package 路 馃摕 Command line tool/generator 路 馃殌 Cloneable

Open-Source Projects

Learning

Legend: 馃挋 Official resource 路 馃И Sample 路 馃敡 Setup Tutorial 路 馃幀 Video Tutorial 路 馃帗 Component or Page Tutorial 路 馃帴 Cast





Contributions welcome! Read the contribution guidelines first.

ON THIS PAGE

  1. Contents
  2. Useful Links
  3. IDE Extensions
  4. Plugins
  5. Tools
  6. UI Libraries, Components & Templates
  7. Starters & Themes
  8. Open-Source Projects
  9. Learning
Last Checked At: 2022-01-23T16:59:25.459Z
Previous
csabapalfi/awesome-pagespeed-metrics
Next
seed-rs/awesome-seed-rs

About

Track your favorite github awesome repo, not just star it. trackawesomelist.com provides website, newsletter, RSS for tracking the popular awesome list by daily and weekly.
Contact us: [email protected]
Track Awesome List - Track your favorite Github awesome repos, not just star them | Product Hunt

Subscribe

Subscribe to our weekly newsletter to receive the awesome updates! We never send spam and you can unsubscribe instantly with one click.聽Here's past issues.

Links

Follow us on TwitterSubscribe us on TelegramSubmit awesome list repoNewsletterDonateSitemap