TailwindCSS Awesome

• 渐变
  • https://hypercolor.dev/
    • 生成器
• Loaders
  • https://play.tailwindcss.com/OPAsySKNCd
• ben-rogerson/twin.macro
  • babel marco 预生成
• tw-in-js/twind
  • 不依赖 tailwindcss, 使用 tw 实时生成
  • +35kB/14kB
• unocss/unocss
• 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
  • TailwindUI
  • https://www.hyperui.dev/
  • flowbite
    • 部分免费组件
• Plugin
  • jamiebuilds/tailwindcss-animate
    • 动画
    • https://www.tailwindcss-animated.com/configurator.html

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