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;