Flowbite
Hundreds of plain Tailwind blocks that work without React
Flowbite is a large Tailwind component and block library available as plain HTML as well as React, Vue and Svelte packages. It is the least fashionable option on this shelf and often the most practical one, because it does not assume a JavaScript framework.
What you get
Breadth. Navigation bars, pricing tables, footers, forms, modals and dashboards, documented as markup you can paste into any template language.
The framework packages wrap the same markup in components, but the HTML remains the source of truth, which is why it survives a stack change better than most libraries.
How to use it well
Use it for the structural furniture of a site and spend your own effort on the two or three sections that carry the argument. Flowbite is very good at the parts nobody compliments and nobody should notice.
Retint it immediately. The default palette is recognisable, and a page shipped on the defaults looks like a Flowbite page rather than yours.
Reach for it when
- the project is server rendered templates rather than a React app
- you need a lot of ordinary blocks quickly
- the team is more comfortable in HTML than in a component API
Watch out for
- the free blocks are a subset, the large block library is the paid product
- the default look is widely recognised, so retinting is not optional
- interactive components need the Flowbite JavaScript, which is another script on the page
Compare with these
- Landing pagesFree
Watermelon UI
Technical, animated landing templates installed through the shadcn CLI
- shadcn
- motion
- template
MITRead - Landing pagesFree tier
Magic UI
A large catalogue of animated marketing components for React
- animation
- shadcn
- motion
MITRead - Landing pagesFree tier
Aceternity UI
Big, cinematic hero effects with the code shown in full
- animation
- hero
- motion
Free to use, per the project's own termsRead