md3tail

palette
dark_mode

Tailwind plugin



Install

npm i @md3tail/theme

Usage

Just add plugin to pligin's list

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

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

React components



Install

npm i @md3tail/react

Usage

@md3tail/react is a wrapper around Material Desingn 3 components

import {
  TextButton,
  Radio,
  Row,
} from "@md3tail/react";

export default function Page() {
  return (
    <Row className="w-full" items="center">
      <TextButton>
        <Icon slot="icon">favorite</Icon>
        <span>Icon</span>
      </TextButton>
    </Row>
  );
}
gallery_thumbnail Preview