mirror of
https://github.com/aniftyco/awesome-tailwindcss.git
synced 2025-12-10 06:45:34 +00:00
16
readme.md
16
readme.md
@@ -1,12 +1,16 @@
|
|||||||
# Awesome Tailwind CSS [](https://awesome.re)
|
# Awesome Tailwind CSS [](https://awesome.re)
|
||||||
|
|
||||||
|
|
||||||
[<img src="tailwind-css-logo.svg" align="right" width="100">](https://tailwindcss.com)
|
[<img src="tailwind-css-logo.svg" align="right" width="100">](https://tailwindcss.com)
|
||||||
|
|
||||||
> A curated list of awesome things related to Tailwind CSS
|
> A curated list of awesome things related to Tailwind CSS
|
||||||
|
|
||||||
[Tailwind CSS](https://tailwindcss.com) is a utility-first CSS framework for rapidly building custom user interfaces.
|
[Tailwind CSS](https://tailwindcss.com) is a utility-first CSS framework for rapidly building custom user interfaces.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
🌟 **[Tailwind UI](https://tailwindui.com "Tailwind UI")** 🌟 - Beautifully designed components and templates, hand-crafted using the CSS framework you already know and love.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
||||||
@@ -21,7 +25,6 @@
|
|||||||
- [Learning](#learning)
|
- [Learning](#learning)
|
||||||
- [Apps & Websites](#apps--websites)
|
- [Apps & Websites](#apps--websites)
|
||||||
|
|
||||||
|
|
||||||
## Plugins
|
## Plugins
|
||||||
|
|
||||||
- [Custom Forms (Official)](https://github.com/tailwindcss/custom-forms) - Adds better default styles to form elements.
|
- [Custom Forms (Official)](https://github.com/tailwindcss/custom-forms) - Adds better default styles to form elements.
|
||||||
@@ -67,12 +70,12 @@
|
|||||||
- [Spaced Items](https://github.com/n1kk/tailwindcss-spaced-items) - Adds `spaced` components that add fixed margins to all container items, except the last one.
|
- [Spaced Items](https://github.com/n1kk/tailwindcss-spaced-items) - Adds `spaced` components that add fixed margins to all container items, except the last one.
|
||||||
- [Heropatterns](https://github.com/AndreaMinato/tailwind-heropatterns) - Ads [Hero Patterns](https://www.heropatterns.com) components.
|
- [Heropatterns](https://github.com/AndreaMinato/tailwind-heropatterns) - Ads [Hero Patterns](https://www.heropatterns.com) components.
|
||||||
- [Localized](https://github.com/hdodov/tailwindcss-localized) - Adds variants based on the HTML `lang` attribute, to use utilities only with certain languages.
|
- [Localized](https://github.com/hdodov/tailwindcss-localized) - Adds variants based on the HTML `lang` attribute, to use utilities only with certain languages.
|
||||||
- [Skip link](https://github.com/opdavies/tailwindcss-skip-link) - Adds a *Skip to main content* accessible component.
|
- [Skip link](https://github.com/opdavies/tailwindcss-skip-link) - Adds a _Skip to main content_ accessible component.
|
||||||
- [Pseudo](https://github.com/Log1x/tailwindcss-pseudo) - Adds custom variants to Tailwind CSS's configuration.
|
- [Pseudo](https://github.com/Log1x/tailwindcss-pseudo) - Adds custom variants to Tailwind CSS's configuration.
|
||||||
- [Custom Native](https://github.com/SirNavith/tailwindcss-custom-native) - Leverages Tailwind CSS's configuration to allow the creation of utilities.
|
- [Custom Native](https://github.com/SirNavith/tailwindcss-custom-native) - Leverages Tailwind CSS's configuration to allow the creation of utilities.
|
||||||
- [Truncate Multiline](https://github.com/jhta/tailwindcss-truncate-multiline) - Adds utilities to truncate multi-line text elements.
|
- [Truncate Multiline](https://github.com/jhta/tailwindcss-truncate-multiline) - Adds utilities to truncate multi-line text elements.
|
||||||
|
|
||||||
> 🛑 - *The functionalities these plugins below offer have been fully or partially implemented in the latest Tailwind CSS versions.*
|
> 🛑 - _The functionalities these plugins below offer have been fully or partially implemented in the latest Tailwind CSS versions._
|
||||||
|
|
||||||
- 🛑 [Visually Hidden](https://github.com/webdna/tailwindcss-visuallyhidden) - Adds screen reader utilities.
|
- 🛑 [Visually Hidden](https://github.com/webdna/tailwindcss-visuallyhidden) - Adds screen reader utilities.
|
||||||
- 🛑 [Object Fit](https://github.com/hendrikeng/tailwindcss-object-fit) - Adds `object-fit` utilities.
|
- 🛑 [Object Fit](https://github.com/hendrikeng/tailwindcss-object-fit) - Adds `object-fit` utilities.
|
||||||
@@ -81,7 +84,6 @@
|
|||||||
- 🛑 [Layout](https://github.com/benface/tailwindcss-layout) - Adds some layout utilities.
|
- 🛑 [Layout](https://github.com/benface/tailwindcss-layout) - Adds some layout utilities.
|
||||||
- 🛑 [Important](https://github.com/chasegiunta/tailwindcss-important) - Adds an `important` variant.
|
- 🛑 [Important](https://github.com/chasegiunta/tailwindcss-important) - Adds an `important` variant.
|
||||||
|
|
||||||
|
|
||||||
## UI Libraries & Components
|
## UI Libraries & Components
|
||||||
|
|
||||||
- [tails-ui](https://github.com/knipferrc/tails-ui) - React UI library using Tailwind CSS.
|
- [tails-ui](https://github.com/knipferrc/tails-ui) - React UI library using Tailwind CSS.
|
||||||
@@ -160,7 +162,7 @@
|
|||||||
- 🎨 [Seminyak Hugo Theme](https://git.habd.as/jhabdas/seminyak) - Hugo Theme using Tailwind CSS.
|
- 🎨 [Seminyak Hugo Theme](https://git.habd.as/jhabdas/seminyak) - Hugo Theme using Tailwind CSS.
|
||||||
|
|
||||||
| Emoji | Description |
|
| Emoji | Description |
|
||||||
| ----- | ---------------------------------------------- |
|
| ----- | ----------------------- |
|
||||||
| 🔧 | Starters & Boilerplates |
|
| 🔧 | Starters & Boilerplates |
|
||||||
| 🛠 | Starter packages |
|
| 🛠 | Starter packages |
|
||||||
| 🎨 | Templates & Themes |
|
| 🎨 | Templates & Themes |
|
||||||
@@ -282,12 +284,10 @@
|
|||||||
- [Allan White](https://allanwhite.design/)
|
- [Allan White](https://allanwhite.design/)
|
||||||
- [Dance of Dawn](https://www.danceofdawn.com/)
|
- [Dance of Dawn](https://www.danceofdawn.com/)
|
||||||
|
|
||||||
|
|
||||||
## Contribute
|
## Contribute
|
||||||
|
|
||||||
Contributions welcome! Read the [contribution guidelines](contributing.md) first.
|
Contributions welcome! Read the [contribution guidelines](contributing.md) first.
|
||||||
|
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[](http://creativecommons.org/publicdomain/zero/1.0)
|
[](http://creativecommons.org/publicdomain/zero/1.0)
|
||||||
|
|||||||
Reference in New Issue
Block a user