creativetimofficial/material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design. observed · 2026-08-28
Health v2 · maintenance only
70/100
- Activity 79
- Release rhythm 40
- 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: 0
- age_days: 2039
- days_rel: 566
- days_push: 127
- n_releases_24m: 8
Adoption not part of the score
4367 stars · 356 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Material Tailwind is an open-source components library combining Tailwind CSS utility classes with Material Design styling, available as @material-tailwind/react and @material-tailwind/html packages. It provides 460+ fully coded, customizable UI components (buttons, modals, navbars, forms, tables, etc.) with integrations for React, Next.js, Remix, Vite, Astro, and other frameworks.
Use cases
- build a React dashboard with Material Design styled Tailwind components
- add prebuilt modals, navbars, and forms to a Next.js site
- use Tailwind CSS components in plain HTML without a JS framework
- quickly prototype web UIs with ready-made Material Design components
- customize a Tailwind CSS theme with Material Design colors and shadows
- set up Tailwind components in Vite, Remix, Astro, or Create React App
When to choose
- you use Tailwind CSS and want Material Design-styled components
- you build React or plain HTML frontends and need a large component set
- you want MIT-licensed, free, customizable UI components with framework integration guides
When to avoid
- you use Vue or Angular (components are 'coming soon', not available)
- you need a full design system with headless logic rather than styled components
- you don't use Tailwind CSS in your project
Facets
library · maturity active
ui-components css-framework frontend-framework theme web-development frontend web-design cross-platform tailwind-css material-design react-components html-components component-library nextjs design-system nodejs web-server
10 sources
- readme: https://github.com/creativetimofficial/material-tailwind · fetched 2026-08-28 · 5d77a4f3b003
- homepage: https://material-tailwind.com/ · fetched 2026-08-29 · 6beec34b518e
- site_page: https://www.material-tailwind.com/docs/html/installation · fetched 2026-08-29 · b232ab9f7ed6
- site_page: https://www.material-tailwind.com/docs/react/guide/next · fetched 2026-08-29 · ebc20217a0c1
- site_page: https://www.material-tailwind.com/docs/react/guide/cra · fetched 2026-08-29 · 35395b41fac2
- site_page: https://www.material-tailwind.com/docs/react/guide/remix · fetched 2026-08-29 · 50d67d325910
- site_page: https://www.material-tailwind.com/docs/react/guide/vite · fetched 2026-08-29 · ac4215e41b72
- site_page: https://www.material-tailwind.com/docs/react/guide/astro · fetched 2026-08-29 · 09c5eb4de8c4
- site_page: https://www.material-tailwind.com/docs/react/installation · fetched 2026-08-29 · 3078acf69d63
- site_page: https://www.material-tailwind.com/pro · fetched 2026-08-29 · 3d23991c9f0f
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| creativetimofficial/material-tailwind | main | 70 |
For agents
markdown · JSON · MCP: product_card(name="creativetimofficial/material-tailwind")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem