Tailwind Modern

一个基于 Tailwind CSS 的拟态和磨砂玻璃效果的 Tailwind CSS 插件。

安装

pnpm install tailwind-modern

使用

在 tailwind.config.ts 中引入插件：

import modern from 'tailwind-modern'

module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [modern],
}

效果

插件列表

拟态效果

• .mimicry-flat
• .mimicry-pressed
• .mimicry-convex

磨砂玻璃效果

• .glass
• .glass-dark

参考

• Tailwind CSS
• Tailwind CSS Plugins
• Tailwind CSS Themes
• Tailwind CSS Presets