TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
TW Elements is a free collection of 500+ ready-made UI components and 100+ page-section blocks for Tailwind CSS, including date pickers, modals, carousels, and navigation menus with dark mode support.
TW Elements is a large collection of free, pre-built UI components designed to work with Tailwind CSS. Tailwind CSS is a popular styling toolkit that lets you build web interfaces by combining small, single-purpose style classes in your HTML. TW Elements adds ready-made components on top of it, so you do not have to build common interface pieces from scratch.
The collection includes more than 500 individual components and over 100 design blocks (larger pre-assembled page sections). You get things like date pickers, dropdowns, modals, navigation menus, carousels, accordion panels, tooltips, forms, cards, and many others. All components include dark mode support and can be customized through Tailwind configuration.
Installation takes one step: add the package via npm and include a small initialization snippet. After that, you reference component classes in your HTML just as you would with any Tailwind class. No heavy framework or build system is required beyond a standard Tailwind setup.
Everything in the collection is released under the MIT license, which means it is free to use in both personal and commercial projects with no royalties or restrictions. The project is maintained by MDBootstrap, the team behind the older MDB UI Kit for Bootstrap.
The full README is longer than what was shown.
Where it fits
- Drop a pre-built date picker, modal, or carousel into a Tailwind CSS project without building it from scratch
- Assemble a landing page quickly using 100+ pre-built section blocks
- Add dark mode to a Tailwind-based site using components that include dark mode support out of the box