TailwindCSS resources are recommended

preface

TailwindCSS is 3.0 and getting better and better, so is there a component library for it? Awesome is available for every project, and awesome- TailwindCSS is available for TailwindCSS, where you can find plug-ins, tools, component libraries, as well as scaffolding and learning resources. But there are too many resources above, and here are the ones I would recommend that I think would be useful.

recommendations

Tailwind CSS IntelliSense

VScode plug-in, official maintenance, provides automatic code completion, syntax highlighting, code style display, etc.
Headless UI

The official maintained component library supports React and Vue. You can see the effect directly on the official website and copy the code directly. It is very easy to use, but the drawback is that there are too few components.
Heroicons Official maintenance icon library, 24*24 standard size, can be a key copy of JSX and SVG, very easy to use, the disadvantage is that there are only 230 ICONS, but we can first copy from here, did not go to iconfont to find.
Tailwind Elements

Similar to the Bootstrap component library, recreated using Tailwind CSS, but with a better design and more functionality. With 500+ components, if you don’t need JS, you can copy HTML directly into any of your projects.
Tailwind-kit

Provides rich components and templates, supports one-click copy.
Vue-tailwind

Vue. Js UI component library, provides relatively rich components, you can see from the website component UI is composed of what atomic class styles, and components can be customized to set styles.
Vechai ui

React.js UI component library, built-in dark mode, provides rich components, you can see from the website component UI is composed of atomic class styles, and components can be customized Settings.
Mamba ui

Support component and template code copy, including HTML, React and vue. With this website, you will never have to design a website.
Tailblocks

60 + different code blocks, ready to use the arrow keys shortcut switch, especially suitable for portal sites.
Wicked blocks

Visual drag-and-drop editor, Tailwind’s low code platform, allows you to modify element styles directly and download code directly.
Tailwind components

A free sharing site where you can search component libraries or websites and copy code directly.
Tailwind toolbox

Some are similar to Tailwind Components, where you can search component libraries or websites and copy or download code directly.
Typography

Article layout plugin – Added a Prose class to give the article details page a nice layout.
Tailwindcss-forms

Forms plugin – Adds default styles to forms, making it easy to modify them.
tailwindcolorshades

A good tailwindcolor color generator, input brand color, automatic generation of color cards and tailwindcolor configuration, above I input petal net and nuggets of brand color.