TailwindCSS Awesome
- 渐变
- Loaders
- css/生成/platform
- nativewind
- React Native
- jaredh159/tailwind-react-native-classnames
- TailwindCSS + React Native
- npm:twrnc - 80kB/24kB
- 30kB+
- deps:tailwindcss 50kB
- 💡 在生成模板的时候也很好用
- ben-rogerson/twin.macro
- babel marco 预生成
- tw-in-js/twind
- 不依赖 tailwindcss, 使用 tw 实时生成
- +35kB/14kB
- unocss/unocss
- nativewind
- rogden/tailwind-config-viewer
- Tailwind 配置预览
- htmlstreamofficial/preline
- 基于 tw 的组件 - 依赖 JS
- 使用全局监听，通过 data-attr 控制
- defaultConfig.stub.js
- shuffle.dev - 模板生成
- https://github.com/sw-yx/spark-joy/blob/master/README.md#tailwind-component-libraries
- https://javisperez.github.io/tailwindcolorshades
- 颜色生成
- tailwindlabs/prettier-plugin-tailwindcss
- prettier 名字排序
windicss/windicss- 类似 Tailwind+JIT
- 不依赖 PostCSS - 用于不想依赖 PostCSS 的场景
- 维护者后面可能会转向 unocss
- https://windicss.org/posts/sunsetting.html
- UI
- Plugin
- jamiebuilds/tailwindcss-animate
- brandonmcconnell/tailwindcss-multi
- group utility classes together
hover:multi-[bg-red-500;text-white]
- brandonmcconnell/tailwindcss-signals
- 把多种条件抽象为 signal 状态控制，其他元素通过 signal 状态来控制样式
- 依赖 style queries ，Chrome 111+
- brandonmcconnell/tailwindcss-mixins
- 定义 mixin 让元素复用，减少重复代码
- https://github.com/aniftyco/awesome-tailwindcss
Components
- shadcn-ui/ui
- saadeghi/daisyui Tailwind Components
- cschroeter/park-ui
- markmead/hyperui
- for marketing, ecommerce and application UI
- konstaui/konsta
- iOS & Android 样式
- React,Vue,Sevlte 组件
- themesberg/flowbite
- 组件样式参考
- TailGrids/tailwind-ui-components
- https://tailwindcomponents.com/
- cruip/tailwind-landing-page-template
- 首页模板
- mertJF/tailblocks
- Ready-to-use Tailwind CSS blocks.
Projects
- vivek9patel/vivek9patel.github.io
- portfolio website of theme Ubuntu 20.04
- juliomrqz/statusfy
- Status Page Dashboard
- cruip/tailwind-dashboard-template
- https://demos.creative-tim.com/notus-react
- themesberg/tailwind-dashboard-windster