Learn more about customizing Tailwind→ On this page Utility-first Responsive to the core Component-friendly Designed to be customized Beautiful UI components by the creators of Tailwind CSS. Learn more →
Tailwind CSS component libraries are a must-have for all developers as they can help website developers and designers create amazing user interfaces for the web. These easy-to-use libraries are the best way to excel in terms of the user interface, layout, design framework, animations, componen...
A React starter kit built with Tailwind CSS which includes a collection of beautiful, production-ready UI components that are yours to customize and adapt for your own component system. Private Community Join an exclusive members-only Discord where you can connect with other designers and developers...
Catalyst UI kit—a starter kit for building your own component systems with React and Tailwind CSS. Private community—join an exclusive members-only Discord where you can connect with other designers and developers. Available for teams— get access to all of our templates and components, plus an...
Table of contents What is Tailwind CSS? State of Tailwind Tailwind CSS Components FlyonUI – Tailwind CSS Components Library Tailwind UI – Component library made with Tailwind CSS. Headless UI – Completely unstyled, fully accessible UI components ...
Use component class namesmodify them using Tailwind CSS utilities. Click Tailwind only Tailwind + daisyUI <div class="w-80 rounded-lg bg-zinc-50 text-zinc-800"> <div class="flex flex-col gap-3 p-8"> <input placeholder="Email" class="w-full rounded-sm border border-zinc-300 bg-...
Beautifully designed templates built with Tailwind CSS and fully coded in HTML, React, Next.js, and Vue.
Tailgrids Component library Mamba UI Mamba UI 是今年上榜的多个基于 Tailwind 的工具中的第一个。这是一个包含 150 多个组件和模板的 UI 库,基于流行的实用程序优先 CSS 框架。该库包含 40 多个类别的预样式组件,您可以快速获取 HTML、Vue 或 JSX 格式的任何组件的代码。
Table Level up: Material Tailwind PRO Premium Tailwind CSS Components Build faster your website with our exclusive collection of stunning components and sections that will get you started in no time! 200+ Global Style Awesome color palette and realistic shadows. ...
npx tailwindcss init tailwindcss-config.js If you use a custom file name, you will need to specify it when including Tailwind as a plugin in your PostCSS configuration as well: // postcss.config.js module.exports = { plugins: { tailwindcss: { config: './tailwindcss-config.js' }, },...