mdbootstrap/TW-Elements
Some data may be outdated โ see provenance labels.
๐๐ช๐๐ collection of Tailwind MIT licensed (free) components, sections and templates ๐ observed ยท 2026-09-21
Health v2 ยท maintenance only
52/100
- Activity 66
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) โ computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 5096
- days_rel: n/a
- days_push: 207
- n_releases_24m: 0
Adoption not part of the score
13167 stars ยท 1574 forks observed ยท 2026-09-21
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
TW Elements is a free, MIT-licensed collection of 500+ interactive UI components, design blocks, and templates built on Tailwind CSS, with a 'Material Minimal' design system and dark mode support. It ships as a Tailwind plugin with vanilla JavaScript (ES/UMMD formats) plus dedicated React packages and integrations for frameworks like Vue, Angular, Svelte, Django, and Laravel.
Use cases
- find free tailwind css components for my website
- add modals dropdowns and forms to a tailwind project
- build a dashboard with tailwind templates
- add dark mode toggle to tailwind site
- use tailwind ui components in react
- copy-paste responsive design blocks for a landing page
- customize a material-style design system with tailwind
When to choose
- you use Tailwind CSS and want a large free component library with MIT licensing
- you need interactive components (modals, dropdowns, selects) without building JS from scratch
- you want dark mode and theming built into every component
- you need tree-shakeable ES modules to keep bundle size small
When to avoid
- your project does not use Tailwind CSS
- you need a full application framework rather than a component library
- you require premium components or templates beyond the free core kit
- you need guaranteed long-term support or commercial SLAs from an open-source project
Facets
library ยท maturity active
ui-components css-framework frontend-framework theme web-development frontend web-design cross-platform tailwindcss tailwind-plugin ui-kit design-system material-design dark-mode react vue components-library templates web-server nodejs
10 sources
- readme: https://github.com/mdbootstrap/TW-Elements ยท fetched 2026-09-21 ยท ccdf008d8edc
- homepage: https://tw-elements.com ยท fetched 2026-08-29 ยท bc42a32e4129
- site_page: https://tw-elements.com/docs/react ยท fetched 2026-08-29 ยท 80d88a77b6fb
- site_page: https://tw-elements.com/docs/standard/getting-started/quick-start ยท fetched 2026-08-29 ยท 02ca63fc12a7
- site_page: https://tw-elements.com/docs/standard/getting-started/local-installation ยท fetched 2026-08-29 ยท 4fe7380cbbb6
- site_page: https://tw-elements.com/docs/standard/getting-started/optimization ยท fetched 2026-08-29 ยท 8f37fcb50ca2
- site_page: https://tw-elements.com/docs/standard/getting-started/dark-mode ยท fetched 2026-08-29 ยท 9922af08d5e9
- site_page: https://tw-elements.com/docs/standard/getting-started/theming ยท fetched 2026-08-29 ยท 996ad0631e49
- site_page: https://tw-elements.com/docs/standard/getting-started/changelog ยท fetched 2026-08-29 ยท 9b06c35d8666
- registry_npm: https://registry.npmjs.org/tw-elements ยท fetched 2026-08-29 ยท eba982b788de
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| mdbootstrap/TW-Elements | main | 52 |
For agents
markdown ยท JSON ยท MCP: product_card(name="mdbootstrap/TW-Elements")
Data as of 2026-10-19T08:05:51.212177+00:00 ยท Report a problem