tailwind-material
Advanced tools
Tailwind plugin to use all design tokens from [Material 3](https://m3.material.io/styles/color/roles).
Tailwind plugin to use all design tokens from Material 3.
//tailwind.config.js
import { material } from 'tailwind-material';
module.exports = {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {}
},
plugins: [material()] // You can pass the initial pallet obj
};
<!-- index.html -->
<!doctype html>
<html lang="en" data-theme="light">
<!-- Add data-theme dark for dark mode light for light mode -->
<head>
<meta charset="utf-8" />
<link rel="icon" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
....
</body>
</html>
type InitialPalletColorInHex = {
primary?: string;
secondary?: string;
tertiary?: string;
neutral?: string;
neutralVariant?: string;
error?: string;
};
FAQs
Tailwind plugin to use all design tokens from [Material 3](https://m3.material.io/styles/color/roles).
The npm package tailwind-material receives a total of 49 weekly downloads. As such, tailwind-material popularity was classified as not popular.
We found that tailwind-material demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Security News
GPT-6 Astra hits 100% on ExploitBench and finds zero-days autonomously, while independent tests reveal scope violations and monitoring gaps.
Product
Socket can now send alerts and supply chain attack notifications to Microsoft Teams, with filters that route the right updates to each channel.
Security News
pnpm 12 rewrites the package manager in Rust, cutting install times by up to 90% while preserving pnpm 11 workflows and lockfiles.