---
title: "Material Tailwind"
description: "Tailwind-based components following Material Design patterns."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Building a styled interface with Material-inspired visual conventions.</PurposeNote>

## What it does

Tailwind-based components following Material Design patterns.

## When it fits

Building a styled interface with Material-inspired visual conventions.

## Other options in this category

<div data-pagefind-ignore>

- [21st.dev](/ui-kits/21st-dev) — Discovering prepared interface elements and page sections.
- [Ant Design](/ui-kits/ant-design) — Building data-heavy business applications with established component patterns.
- [Ariakit](/ui-kits/ariakit) — Creating a custom design system while reusing interaction and accessibility behavior.
- [Ark UI](/ui-kits/ark-ui) — Reusing accessible interaction patterns while controlling component styling.
- [Astryx Design System](/ui-kits/astryx-design-system) — Building a coordinated interface from shared design foundations.

</div>

## Source

[Project source for Material Tailwind ↗](https://www.material-tailwind.com/)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Build a consistent interface →](/tasks/build-a-consistent-interface)

[All ui kits &amp; design systems options →](/ui-kits)