13.2K ·GitHub
这是什么？
TW Elements 是一个庞大的免费集合，包含 500 多个 Tailwind CSS 界面组件和 117 多个设计模块（表单、卡片、导航栏、模态框、轮播图等），可以直接放进任何项目中使用。
TW Elements 是一个庞大的免费集合，包含 500 多个 Tailwind CSS 界面组件和 117 多个设计模块（表单、卡片、导航栏、模态框、轮播图等），可以直接放进任何项目中使用。它是独立的框架，还是 Tailwind 的附加组件？它是基于 Tailwind CSS 构建的组件库，并不是用来替代 Tailwind 的。你可以保留现有的 Tailwind 设置，TW Elements 则在此基础上提供现成的组件和设计模块。
它是基于 Tailwind CSS 构建的组件库，并不是用来替代 Tailwind 的。你可以保留现有的 Tailwind 设置，TW Elements 则在此基础上提供现成的组件和设计模块。怎样把它添加到我的项目中？TW Elements 宣传自己是“简单的一分钟安装”：你只需把该包（及其 Tailwind 插件）添加到已有的 Tailwind CSS 项目中，就能立即使用 Modal、Carousel、Datepicker、Navbar 等组件。
TW Elements 宣传自己是“简单的一分钟安装”：你只需把该包（及其 Tailwind 插件）添加到已有的 Tailwind CSS 项目中，就能立即使用 Modal、Carousel、Datepicker、Navbar 等组件。我需要先配置好 Tailwind CSS 吗？需要。TW Elements 是为 Tailwind CSS 准备的组件集，因此在添加它的组件和类名之前，必须先有一个可以正常运行的 Tailwind 构建环境。
需要。TW Elements 是为 Tailwind CSS 准备的组件集，因此在添加它的组件和类名之前，必须先有一个可以正常运行的 Tailwind 构建环境。只用 CSS 就能工作，还是也需要 JS？Modal、Carousel、Dropdown、Datepicker 等交互式组件依赖 TW Elements 的 JavaScript，而不只是 Tailwind 类名，所以你需要在 Tailwind CSS 之外，同时引入它的 JS 包。
Modal、Carousel、Dropdown、Datepicker 等交互式组件依赖 TW Elements 的 JavaScript，而不只是 Tailwind 类名，所以你需要在 Tailwind CSS 之外，同时引入它的 JS 包。它支持 React 或 Vue，而不仅仅是原生 HTML/JS 吗？支持。除了核心的原生 JS/HTML 版本，项目还维护 React 和 Vue 版本（体现在其 tailwind-react 和 tailwind-vue 构建中）。
支持。除了核心的原生 JS/HTML 版本，项目还维护 React 和 Vue 版本（体现在其 tailwind-react 和 tailwind-vue 构建中）。这真的可以免费用于商业用途吗？可以。TW Elements 采用 MIT 许可证，并明确声明可免费用于个人和商业用途。
可以。TW Elements 采用 MIT 许可证，并明确声明可免费用于个人和商业用途。包含哪些组件和设计模块？500 多个组件，例如 Datepicker、Modal、Carousel、Navbar、Accordion、Tabs、Timepicker、Tooltips 和 Toasts，另外还有 117 多个现成的设计模块，如登录表单和图库等。
500 多个组件，例如 Datepicker、Modal、Carousel、Navbar、Accordion、Tabs、Timepicker、Tooltips 和 Toasts，另外还有 117 多个现成的设计模块，如登录表单和图库等。它开箱即支持深色模式吗？支持。每个组件都内置深色模式支持，并提供便捷的主题和自定义选项。
支持。每个组件都内置深色模式支持，并提供便捷的主题和自定义选项。它和 Tailwind UI 有什么不同？与 Tailwind UI 收费的组件集不同，TW Elements 完全免费且采用 MIT 许可证，这使它成为最受欢迎的第三方 Tailwind CSS UI 套件之一，在 GitHub 上获得了超过 1.3 万颗星。
与 Tailwind UI 收费的组件集不同，TW Elements 完全免费且采用 MIT 许可证，这使它成为最受欢迎的第三方 Tailwind CSS UI 套件之一，在 GitHub 上获得了超过 1.3 万颗星。What are similar projects?daisyui, hyperui, mdb-ui-kit, tabler, chakra-ui, materialize, tamagui, galaxy
daisyui, hyperui, mdb-ui-kit, tabler, chakra-ui, materialize, tamagui, galaxyWhich topics is it in?tailwind-css, front-end-development, tailwind, uikit, design-systems, front-end, ui-kit, react-components, material-design, tailwindcss, component-library, vue
tailwind-css, front-end-development, tailwind, uikit, design-systems, front-end, ui-kit, react-components, material-design, tailwindcss, component-library, vue