tailwind-core

library4.3.0jsnpmunverified

A utility-first CSS framework for rapidly building custom user interfaces. Version 4.3.0 offers a new engine with performance improvements, first-class CSS-first configuration, and automatic content detection. Unlike traditional frameworks, Tailwind Core provides low-level utility classes that let you design directly in HTML, with no opinionated components. Breaking changes from v3 include a new configuration system, removal of @tailwind directives, and built-in CSS import support.

devops

npm install tailwind-core

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · TAILWIND-CORE

tailwind-core

devopsjavascriptv4.3.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

tailwind.config

✓ export default { content: ['./src/**/*.{html,js}'] }

✗ module.exports = { purge: ['./src/**/*.{html,js}'] }

Use 'content' instead of 'purge' (changed in v3). ESM syntax is preferred since v4.

PostCSS plugin

✓ module.exports = { plugins: { '@tailwindcss/postcss': {} } }

✗ module.exports = { plugins: { tailwindcss: {} } }

Plugin is now @tailwindcss/postcss. The old 'tailwindcss' plugin was deprecated in v4.

Minimal setup with Tailwind Core v4: config file, PostCSS plugin, and base CSS import.

// tailwind.config.js export default { content: ['./src/**/*.{html,js}'], theme: { extend: {} }, plugins: [] } // postcss.config.js export default { plugins: { '@tailwindcss/postcss': {} } } /* main.css */ @import 'tailwindcss'; /* index.html */ <h1 class="text-3xl font-bold underline">Hello world!</h1>

Debug

Known issues

breakingThe @tailwind and @apply directives have been replaced with @import 'tailwindcss' and @apply is no longer supported in certain contexts.

fix

Use @import 'tailwindcss' at the top of your CSS file. Replace @apply with direct utility classes or custom CSS.

affects: >=4.0

breakingThe 'purge' option has been removed; use 'content' instead.

fix

Change 'purge: [...]' to 'content: [...]' in tailwind.config.js.

affects: >=3.0

deprecatedThe 'tailwindcss' PostCSS plugin is deprecated; use '@tailwindcss/postcss' instead.

fix

Replace require('tailwindcss') with require('@tailwindcss/postcss') in your PostCSS config.

affects: >=4.0

Errors

Common errors & fixes

Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin, but it's not installed. Install `@tailwindcss/postcss` instead.

Installed 'tailwindcss' package but not the PostCSS plugin for v4.

fix

Run `npm install @tailwindcss/postcss` and update postcss.config.js.

Unknown at rule @tailwind

Using old @tailwind directives with v4.

fix

Replace @tailwind base/components/utilities with @import 'tailwindcss'.

Upgrade

Version history

4.3.0latest on npm

Audit

Dependencies

postcssoptionalRequired for PostCSS integration (postcss.config.js).

Agent activity

5 hits · last 30 days

node

Resources

githubhttps://github.com/QaLemos/tailwind-core ↗

packagetailwind-core ↗

homepagehttps://tailwind-core.com ↗