Beautifully crafted UI components, ready for your next project. Over 500+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content. Browse all components → Application UI Form layouts, tables, modal...
使用tailwind.config.js文件构建自己的设计系统,然后让tailwind将其转换为自己的自定义CSS框架。现成组件:使用Tailwind UI,开发速度更快。Tailwind UI是由我们Tailwind CSS的创建者设计和开发的美丽、完全响应的UI组件的集合。它有数百个现成的示例可供选择,并保证能帮助您找到想要构建的完美起点。底层原理 Tailwind C...
组件UI库 这里我再介绍一个组件UI库,方便直接开箱即用TailwindCSS。很早之前,个人项目就开始使用Vue3,但是目前Vue3的组件,大部分还是Alpha阶段。 比如:Vue2阶段很火的Element UI,目前我认为Element Plus还没发展到像2.0时候那样好用。而且我很不适应的地方:label会被用来作为值,但label这个单词本身并没有值的含义!
UIBak(https://www.uibak.com)是一个基于 TailwindCss框架 UI 组件库网站,该网站收录了 500+常用的 UI 组件库,以及源代码/预览效果等,辅助帮助中心/博客和常用工具,只需要 UIBak 一个网站,就可以掌握前端技术栈。 UIBak 使用体验 UIBak 通过集合形式,将 web UI 常见的功能都包含了, 原子化的 UI 如按钮/下拉...
tailwindcss 是一款原子化的css工具库(框架),可以无需书写 css 就可以快速构建网页。有一些组件使用 tailwindcss,构建出了非常酷炫的UI,比如headlessui,确实是非常精美的 UI 库。 第一次接触 tailwindcss 应该还是在 20 年,那时候也没有想过会有那么大的争议,从我自己的角度来说,我自己也会用 css 预编译或者...
A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options.
ember-headlessui 作为一个正在进行中的项目,致力于实现 headless UI 组件库的功能,该库源自 GitHub 上尾风实验室(tailwindlabs)组织。此项目让开发者能够在不依赖特定 UI 组件实现的情况下,充分利用 Tailwind CSS 的样式与特性,从而获得更为灵活的 UI 开发体验。
❝ Tailwind CSS 还提供了一个Headless UI (https://headlessui.dev),如果你想创建复杂的组件(例如下拉菜单和对话框),你可以使用它。 ❞ 原来Bootstrap等框架可以通过提前准备组件集合来高效地设计网站,但是有一个缺点,就是因为使用了相同的设计,所以没有原创性。相比之下,Tailwind CSS 没有组件集合,所以即使...
Svelte 是近年来新兴的一款前端框架,不过目前生态还不是特别丰富,STDF 是其中的一款质量非常高的 UI 组件库,无论是组件颜值、代码和用法都非常优雅。 我之前也推荐过很多 PC 端的Vue 组件库,移动端相对较少,STDF 的作者也道出了原因,这是因为移动端一般面向 C 端用户,对产品的性能、易用性和可用性要求很高。
Tailwind CSS 是一個新興的 CSS 框架,不同於 Bootstrap 等其他 CSS 框架的地方是,Taiwind CSS 並不是一個 UI 工具包,它沒有包含任何主題,甚至沒有任何的 UI 組件。它有的是一堆預先定義好的 class,而這些 class 也僅僅是用簡單的 CSS 所組成,可以使用這些現有的素材組合出獨特的風格。 在核心概念上與其它...