{"id":197,"url":"https://github.com/aniftyco/awesome-tailwindcss","last_synced_at":"2025-10-05T14:32:03.976Z","repository":{"id":38290565,"uuid":"109994573","full_name":"aniftyco/awesome-tailwindcss","owner":"aniftyco","description":"😎 Awesome things related to Tailwind CSS","archived":false,"fork":false,"pushed_at":"2024-07-20T22:24:13.000Z","size":411,"stargazers_count":13153,"open_issues_count":0,"forks_count":933,"subscribers_count":218,"default_branch":"master","last_synced_at":"2024-08-04T14:10:58.860Z","etag":null,"topics":["apps","awesome","awesome-list","css","postcss","resources","tailwind","tailwindcss","websites"],"latest_commit_sha":null,"homepage":"https://tailwindcss.com","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aniftyco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-08T15:35:50.000Z","updated_at":"2024-08-04T14:11:12.182Z","dependencies_parsed_at":"2024-02-18T19:23:29.592Z","dependency_job_id":"24d82b9e-7289-4a64-8064-c0cda59277b9","html_url":"https://github.com/aniftyco/awesome-tailwindcss","commit_stats":null,"previous_names":["merchedhq/awesome-tailwindcss"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aniftyco%2Fawesome-tailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aniftyco%2Fawesome-tailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aniftyco%2Fawesome-tailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aniftyco%2Fawesome-tailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aniftyco","download_url":"https://codeload.github.com/aniftyco/awesome-tailwindcss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219877020,"owners_count":16554818,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apps","awesome","awesome-list","css","postcss","resources","tailwind","tailwindcss","websites"],"created_at":"2024-01-05T20:12:48.991Z","updated_at":"2025-10-05T14:32:03.970Z","avatar_url":"https://github.com/aniftyco.png","language":null,"readme":"\u003c!--lint disable awesome-heading awesome-github double-link no-dead-urls--\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg width=\"100\" src=\"./assets/logo.svg\" alt=\"Tailwind CSS logo\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003eAwesome Tailwind CSS\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tailwindcss.com\"\u003eTailwind CSS\u003c/a\u003e is a utility-first CSS framework for rapidly building custom user interfaces.\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/sindresorhus/awesome\"\u003e\n    \u003cimg src=\"https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg\" alt=\"Awesome badge\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/sindresorhus/awesome-lint\"\u003e\n    \u003cimg src=\"https://github.com/aniftyco/awesome-tailwindcss/workflows/Lint/badge.svg\" alt=\"Lint status badge\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n## Contents\n\n- [Useful links](#useful-links)\n- [IDE extensions](#ide-extensions)\n- [Tools](#tools)\n- [UI libraries, components \u0026 templates](#ui-libraries-components--templates)\n- [Plugins](#plugins)\n\n## Useful links\n\n**Legend**: 💙 Official resource\n\n- 💙 [Website](https://tailwindcss.com) - Official Tailwind CSS website.\n- 💙 [Repository](https://github.com/tailwindcss/tailwindcss) - Official Tailwind CSS repository.\n- 💙 [Tailwind Plus](https://tailwindcss.com/plus) - UI blocks, templates, and a UI kit by the Tailwind CSS team.\n- 💙 [Headless UI](https://github.com/tailwindlabs/headlessui) - Completely unstyled, fully accessible UI components.\n- 💙 [Heroicons](https://heroicons.com/) - Beautiful, hand-crafted SVG icons.\n- 💙 [Play](https://play.tailwindcss.com/) - Advanced online playground for Tailwind CSS.\n- 💙 [Discord](https://tailwindcss.com/discord) - Official Discord server to connect with other community members about Tailwind CSS.\n- [Tailwind Weekly](https://tailwindweekly.com/) - Weekly newsletter about all things Tailwind CSS.\n\n## IDE extensions\n\n**Legend**: 💙 Official resource\n\n- 💙 [Intellisense for Code](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Provides IntelliSense in Visual Studio Code.\n- [LSP support for Emacs](https://github.com/merrickluo/lsp-tailwindcss) - LSP support for Emacs.\n- [Editor support for VS2022](https://github.com/theron-wang/VS2022-Editor-Support-for-Tailwind-CSS) - IntelliSense, linting, sorting, and more in Visual Studio 2022.\n\n## Tools\n\n**Legend**: 🌍 Accessible online · 🌐 Browser extension · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework\n\n- 💙💼 [Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - Official Tailwind CSS plugin for Prettier.\n- 🎨🌍🔧 [UI colors](https://uicolors.app/create) - Color palette generator for Tailwind CSS.\n- 🎨🌍🔧 [Tailwind Color Shades](https://javisperez.github.io/tailwindcolorshades) - Color shades generator for Tailwind CSS.\n- 🎨🌍🔧 [TailwindInk](https://tailwind.ink/) - AI palette generator, trained with the Tailwind CSS palette.\n- 🎨🌍🔧 [Hypercolor](https://hypercolor.dev/) - Collection of Tailwind CSS gradients with directional options.\n- 🎨🌍🔧 [Tints](https://www.tints.dev/) - Color palette generator and API for Tailwind CSS.\n- 🎨🌍🔧 [Fullwind CSS](https://fullwindcss.com/) - Extend Tailwind CSS color palettes with additional shades.\n- 🎨🌍🔧 [Inclusive colors](https://www.inclusivecolors.com/) - Create fine-tuned WCAG accessible Tailwind CSS color palettes.\n- 🔼🌍 [Prefixer](https://github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.\n- 🔼 [RustyWind](https://github.com/avencera/rustywind) - CLI tool for sorting Tailwind CSS classes.\n- 🚀 [Maizzle](https://maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.\n- 💼 [@nuxtjs/tailwindcss](https://github.com/nuxt-community/tailwindcss-module) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).\n- 💼 [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline.\n- 💼 [Config viewer](https://github.com/rogden/tailwind-config-viewer) - Local UI tool for visualizing your Tailwind CSS configuration file.\n- 💼 [Raycast extension](https://www.raycast.com/vimtor/tailwindcss) - Search classes, documentation and colors in Raycast Launcher.\n- 💼 [NativeWind](https://www.nativewind.dev) - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.\n- 🌐 [Gimli Tailwind](https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl) - Smart tools for Tailwind CSS as a browser extension.\n- 🌐 [CSS Variables Editor](https://www.cssvariables.com) - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.\n- 🌐 [DivMagic](https://divmagic.com) - Copy any web element and style as Tailwind CSS component.\n\n## UI libraries, components \u0026 templates\n\n**Legend**: 💙 Official resource · 📚 UI library · 🧩 Copy-pastable components · 📁 Full templates\n\n- 💙🧩 [Tailwind UI](https://tailwindcss.com/plus/ui-blocks/marketing) - Component library made with Tailwind CSS.\n- 💙📚 [Headless UI](https://headlessui.com/) - Completely unstyled, fully accessible UI components.\n- 💙📁 [Catalyst](https://tailwindcss.com/plus/ui-kit) - Beautiful, accessible application UI kit for React.\n- 🧩 [shadcn UI](https://ui.shadcn.com) - Re-usable components built using Radix UI and Tailwind CSS.\n- 🧩 [Layouts for Tailwind](https://layoutsfortailwind.lalokalabs.dev) - Layouts and UI patterns for Tailwind CSS.\n- 🧩 [Meraki UI Components](https://merakiui.com) - Beautiful Tailwind CSS components that support RTL languages.\n- 🧩 [Kometa UI Kit](https://kitwind.io/products/kometa/components) - Free multi-purpose UI kit, built with Tailwind CSS.\n- 🧩 [HyperUI](https://hyperui.dev) - Open source marketing and ecommerce Tailwind CSS components.\n- 🧩 [Ripple UI](https://www.ripple-ui.com) - Clean, modern and beautiful Tailwind CSS components.\n- 🧩 [Pines UI](https://devdojo.com/pines) - Alpine and Tailwind CSS UI library.\n- 🧩 [Kokonut UI](https://kokonutui.com/) - Collection of modern, interactive customizable UI components.\n- 🧩 [8bitcn UI](https://8bitcn.com) - Re-usable retro components built using Shadcn UI and Tailwind CSS.\n- 🧩 [Xtend UI](https://github.com/xtendui/xtendui) - Tailwind CSS components with advanced interactions and animations.\n- 🧩 [Tremor](https://tremor.so) - React library to build charts and dashboards with Tailwind CSS.\n- 📚 [Daisy UI](https://github.com/saadeghi/daisyui) - UI Components for Tailwind CSS.\n- 📚 [Flowbite](https://flowbite.com/docs/getting-started/introduction/) - Component library built with Tailwind CSS.\n- 📚 [STDF](https://stdf.design) - Mobile web component library based on Svelte and Tailwind CSS.\n- 📚 [Preline UI](https://preline.co) - Open-source Tailwind CSS components library for any needs.\n- 📚 [Date picker](https://github.com/themesberg/tailwind-datepicker) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.\n- 📁 [Built at lightspeed](https://www.builtatlightspeed.com/) - Massive directory of 500+ Tailwind templates, starters and UI kits.\n- 📁 [Admin One Vue 3](https://github.com/justboil/admin-one-vue-tailwind) - Free Vue.js 3 Tailwind CSS admin template with Vite \u0026 Vue CLI support.\n- 📁 [Admin One React](https://github.com/justboil/admin-one-react-tailwind) - Free React.js Tailwind CSS admin template with Next.js \u0026 TypeScript.\n- 📁 [Flowbite Admin Dashboard](https://github.com/themesberg/flowbite-admin-dashboard) - Open-source admin dashboard template built with Tailwind CSS and Flowbite.\n- 📁 [Astro Template Resume](https://github.com/fortezhuo/fortezhuo.my.id) - Eye-catching resume template built with Astro, Tailwind CSS.\n- 📁 [Astro Template Cactus](https://github.com/chrismwilliams/astro-theme-cactus) - Tailwind CSS Astro starter template.\n- 📁 [Astro Template Ovidius](https://github.com/JustGoodUI/ovidius-astro-theme) - Tailwind CSS \u0026 Astro blog template.\n- 📁 [Astro Template Dante](https://github.com/JustGoodUI/dante-astro-theme) - Tailwind CSS \u0026 Astro blog/portfolio template.\n- 📁 [Statichunt](https://statichunt.com/tailwind-templates) - Open source directory of hand-picked free and premium Tailwind templates \u0026 starters.\n\n## Plugins\n\n**Legend**: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧩 Components · 🛑 Deprecated\n\n- 💙🧩 [Typography](https://github.com/tailwindlabs/tailwindcss-typography) - Adds a `prose` class for beautiful typographic defaults.\n- 💙 [Forms](https://github.com/tailwindlabs/tailwindcss-forms) - Adds better default styles to form elements.\n- 🎨 [Themer](https://github.com/RyanClementsHax/tailwindcss-themer) - Adds theming support for Tailwind CSS with CSS variables and variants.\n- 💼 [Bootstrap grid](https://github.com/karolis-sh/tailwind-bootstrap-grid) - Generates Bootstrap's style flexbox grid system.\n- 💼 [Dot \u0026 grid backgrounds](https://github.com/TheNaubit/tailwind-dot-grid-backgrounds) - Adds `bg-grid` and `bg-dot` classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.\n- 💼 [Leading Trim](https://github.com/stormwarning/tailwindcss-capsize) - Adds utilities to trim text whitespace, using [Capsize](https://github.com/seek-oss/capsize).\n- 💼 [Scrollbar Hide](https://github.com/reslear/tailwind-scrollbar-hide) - Adds `scrollbar-hide` class for visual hide scrollbar.\n- 💼 [px to viewport](https://github.com/the-lemonboy/tailwindcss-px-to-viewport) - Adds utilities to automatically convert px to vw / vh.\n- 💼🧩 [Fluid](https://github.com/barvian/fluid-tailwind) - Adds fluid `clamp()` versions of every built-in utility.\n- 🧩 [Debug screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) - Adds a component that shows the currently active screen (responsive breakpoint).\n\n\u003cp align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  ·\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003csub\u003eContributions welcome! Read the \u003ca href=\"CONTRIBUTING.md\"\u003econtribution guidelines\u003c/a\u003e first.\u003c/sub\u003e\n\u003c/p\u003e\n","funding_links":[],"categories":["Programming languages","Front-End Development","Technical","Uncategorized","前端开发","Others","资源","Design","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","前端开发框架及项目","Other Lists","কিছু Awesome ডেভেলপমেন্ট রিসোর্স","Source","Awesome","awesome-list","CSS Framework Resources","링크","2. Tailwind CSS Resources","Themed Directories","Misc"],"sub_categories":["Programming languages Components \u0026 Frameworks","awesome-*","Uncategorized","真棒","Back-End","其他_文本生成、文本对话","TeX Lists","ফ্রেমওয়ার্ক \u0026 লাইব্রেরী","Misc","Vite","Tailwind","👥 Contributors"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faniftyco%2Fawesome-tailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faniftyco%2Fawesome-tailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faniftyco%2Fawesome-tailwindcss/lists"}