Fluid (experimental)

🚧 Still Under construction 🚧

Full documentation: fluid.tw

Fluid Heading

Run this command:

pnpm install fluid-tailwind

You need to configure your tailwind.config.ts as follows:

import fluid, { extract } from 'fluid-tailwind'
 
module.exports = {
  content: {
    files: [/* ... */],
    extract
  },
  theme: {
    screens: {
      xs: '20rem',
      sm: '40rem',
      md: '48rem',
      lg: '64rem'
    },
    extend: {
      fontSize: {
        '5xl': ['3rem', '3rem'],
        '6xl': ['3.75rem', '3.75rem'],
        '7xl': ['4.5rem', '4.5rem'],
        '8xl': ['6rem', '6rem'],
        '9xl': ['8rem', '8rem']
      }
    }
  },
  plugins: [
    // ...
    fluid
  ]
}