TailwindCSS Addons


npm install -D tailwindcss-addons

How to use it

Add the code below into your tailwind.config.cjs file:

const tailwindcssAddons = require("tailwindcss-addons")
const config = {
	presets: [

The function takes an object as an argument:

	// Here

Default configuration

const defaultConfig = {
	base: true,
	presets: true,
	utilities: {
		dir: true,
		drag: true,
		flexGrid: false, // Not active by default
		flip: true,
		hideShow: true,
		inputResets: true,
		insetCenter: true,
		overflowUnset: true,
		fontWeightRegular: false, // Not active by default
	variants: {
		notVariants: true,

Add or remove

Use true to include and use false to exclude.

	base: false, // Excluded
	utilities: {
		flexGrid: true, // Included
Return to top