Tailwind 开源组件库

  • 🎉 Pines 是一个 Alpine 和 Tailwind UI 库。该库将使您可以轻松地向您的项目添加一些美观的元素。该库由许多复制和粘贴元素组成,例如手风琴、横幅、上下文菜单、模式、幻灯片、工具提示等等。它与 Tailwind CSS 和 Alpine.js 无缝集成,因此您可以两全其美:实用优先 CSS 的简单性和多功能性以及 Alpine.js 的轻量级、灵活特性。
  • 🚀 快速实施:所有组件都可以使用。只需复制并粘贴到您的项目中即可开始。
  • 📦 完全可定制:每个组件都是使用 Tailwind 构建的,这意味着您可以更新每个元素的外观和感觉。
  • ⚡️ 轻量级和高效:该库构建在 Alpine.js 和 Tailwind 之上,无需任何第三方库。
  • 📖 文档齐全:每个元素都包含对所有数据属性以及如何使用它们为每个组件创建功能的全面解释。
  • 🔧 积极发展:将积极维护 Pines。我们还将研究一种提取所有这些组件的方法,以使它们更容易实现和升级到未来的版本。
  • 最流行、免费、开源的 Tailwind CSS 组件库
  • 使用语义化的类名封装 Tailwind CSS 类名,例如 btn , card , toggle 等等
  • 使用 daisyUI,您只需编写 20% 的类名,而您的 HTML 大小将缩小约 70%
  • daisyUI 是 Tailwind CSS 的插件。它适用于所有 JS 框架,不需要 JS 捆绑文件。将 daisyUI 作为 dev 依赖项安装,并像任何其他 Tailwind CSS 类名一样使用类名。
  • 包含
  • 超过 500 个经过专业设计、完全响应、精心制作的组件示例,您可以将其放入 Tailwind 项目中并根据您的喜好进行定制。
  • 500+ 组件: 设计精美、制作精良的组件遵循所有可访问性最佳实践并且易于定制。
  • React、Vue 和 HTML: 由 Headless UI 提供支持的 React 和 Vue 的交互式示例,如果您想自己编写任何必要的 JS,还可以添加普通 HTML。
  • 完全响应: 每个示例都是完全响应式的,经过精心设计和实现,在任何屏幕尺寸上都看起来很棒。
  • 包含
  • Flowbite 是一个开源 UI 组件库,基于实用程序优先的 Tailwind CSS 框架,具有深色模式支持、Figma 设计系统、模板等。
  • 它包括网站所需的所有常用组件,例如按钮、下拉菜单、导航栏、模式,还包括一些更高级的交互元素,例如日期选择器。
  • 所有元素都是使用 Tailwind CSS 和 vanilla JavaScript 中的实用程序类构建的,并支持 TypeScript。
  • 包含
  • 一组可在Laravel Blade视图中使用的无渲染组件。专为TALL堆栈而设计。完全开源。
  • Blade UI Kit 是一组可在 Laravel Blade 视图中使用的无渲染组件。从本质上讲,它是有用实用程序的集合,将TALL 堆栈的不同部分之间的点连接起来。
  • 它是为Laravel 强大的模板引擎Blade制作的。每个 Blade UI Kit 组件都是一个带有视图和类的 Blade 组件。每个组件都可以扩展、修改和覆盖。
  • 这些组件是无渲染的,这意味着它们在交付时没有应用任何样式。这使您可以完全控制它们的外观和感觉。
  • 高品质 开源 UI 套件: 使用 Tailwind CSS 重新创建的 Bootstrap 组件,但具有更好的设计和更多功能
  • 500+ UI 组件
  • 超级简单,1分钟安装
  • 轻松主题化和定制
  • 免费托管
  • Tail-kit 使您可以访问超过250 个基于 Tailwind CSS 的免费组件和免费模板。它与 React、VueJS 和 Angular 应用程序兼容。
  • Tail-kit 是一个针对 Tailwind css 的完全编码组件 KIT。所有组件都是免费和开源的,可以在 React、Angular 或 VueJS 应用程序中使用。
  • 基于 Tailwind CSS 的 免费社区组件库
  • 开源 Tailwind UI 组件和模板来引导您的新应用程序、项目或站点!

留言