Material Design 3 plugin tailwindcss

md3tail theme is an open source plugin based on tailwindcss. It's built with Material Design 3 and has the MIT license so you can use it included in a commercial project.

The plugin generates schema tokens by primary color, creates CSS classes for colors, surfaces, states, elevations and others staff according Material Design 3

Demo

Link to demo: https://md3tail.vercel.app

Installation

Install the package:

npm i @md3tail/theme

Usage

Add plugin to plugin's list

import type { Config } from 'tailwindcss';
import { md3Theme } from '@md3tail/theme';

const config: Config = {
  content: [],
  plugins: [md3Theme()],
};
export default config;

Sources

Figma