A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options.
Below are examples of Tailwind CSS Cursor classes, which show how to apply different cursor styles to elements, such as pointers, text, and more, for improving user interactions. Different Cursor Styles This example shows how Tailwind CSS Cursor classes can be used to apply different cursor style...
Every Tailwind utility also comes with responsive variants, making it extremely easy to build responsive interfaces without resorting to custom CSS. Tailwind uses an intuitive{screen}:prefix that makes it easy to notice responsive classes in your markup while keeping the original class name recognizable...
这是因为 Tailwind 在消解 CSS 选择器的概念时,也同样失去了 CSS 选择器的功能,从而导致实际代码并不一定精简。 当然,你可以使用 Tailwind CSS 的@apply或者components 功能。但是这就会使 Tailwind CSS 失去一个好处:降低class 命名的心智负担。另外,组件颗粒度太细会导致命名负担加重,且现代前端框架都已内置组件概...
marker: 匹配当前标签下 列表的标记框(通常为一个符号或数字)。它作用在任何设置了 display: list-item 的元素或伪元素上,例如 和 元素 selection 是一个CSS伪元素选择器,它可以用来给用户选中的文本添加样式 first-line 首行 first-letter 首字 backdrop ::back...
Tailwind CSS List Style Position - Learn how to effectively use list style positions in Tailwind CSS to enhance your web designs with utility-first classes.
Everything in Tailwind Plus is designed and developed for the latest version of Tailwind CSS, which is currently Tailwind CSS v4.1. What browsers are supported? The components and templates in Tailwind Plus are designed to work in the latest, stable releases of all major browsers, including Chro...
功能类优先是tailwind最重要的设计理念,上面的例子,我们做的时候我们需要一遍一遍的定义自己的 css classes 名称,甚至起名也会是个艰苦的事情,如果文件过大还需要移动到对应的文件夹,单独形成变量。 以前其实有项目我会定义比如align-content: center,为.center,但别的项目可能定义为.text-center ...
什么是 Tailwind CSS Tailwind CSS 是一款效用优先的CSS 框架,其包含了 flex, pt-4, text-center 和rotate-90 这样的 class 来帮助你通过组合这些类来直接在标记中构建任何设计。(A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to bu...
csspostcssresponsivecss-frameworkfunctional-cssutility-classestailwindcss UpdatedMay 12, 2025 TypeScript shadcn-ui/ui Star86.9k Code Issues Pull requests Discussions A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Ope...