mdbootstrap/TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎 observed · 2026-08-28
Health v2 · maintenance only
56/100
- Activity 74
- 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-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 5048
- days_rel: n/a
- days_push: 159
- n_releases_24m: 0
Adoption not part of the score
13158 stars · 1578 forks observed · 2026-08-28
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-08-28 · 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 | 56 |
For agents
markdown · JSON · MCP: product_card(name="mdbootstrap/TW-Elements")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem