Get Started with Material Tailwind

Material Tailwind is a free and open-source components library for ReactJS and Tailwind CSS inspired by Material Design.


Learn how to use @material-tailwind/react components from this documentation to quickly and easily create elegant and flexible pages using Tailwind CSS.

@material-tailwind/react is working with Tailwind CSS classes and you need to have Tailwind CSS installed on your project - Tailwind CSS Installation Guide.

Frameworks Integration

Framework-specific guides that cover our recommended approach to installing @material-tailwind/react in a number of popular environments. Select your preferred framework from the list below and follow the instructions.


@material-tailwind/react is a TypeScript based components library and you can easily use it in your TypeScript based projects.