All packages/@batoanng/tailwind-config
Config

@batoanng/tailwind-config

Shared Tailwind CSS v4 theme tokens and utility extensions exposed through a CSS-first stylesheet.

Version 1.4.01 min read1 peer dep2 exports

Quick install

npm install -D @batoanng/tailwind-config

Import the shared Tailwind v4 stylesheet

Add the shared stylesheet next to your app-level Tailwind import and keep project-specific tokens in regular CSS.

Context

What It Covers

Import one shared stylesheet to pick up fonts, colors, spacing, shadows, and utility extensions without maintaining a local Tailwind config file.

  • A shareable Tailwind CSS v4 theme package built around a CSS first workflow. Import the shared stylesheet to pick up fonts, colors, spacing, shadows, and utility extensions without maintaining a local tailwind.config.js .
  • 2 published exports ready to compose.
  • Designed to work alongside tailwindcss.
  • Key files include index.js , package.json , styles.css .

Setup

Installation

Bring the package into your project with the published npm entrypoint.

npm install -D @batoanng/tailwind-config

npm install -D tailwindcss @batoanng/tailwind-config

## CSS-first usage

```css
@import "tailwindcss";
@import "@batoanng/tailwind-config/styles.css";

Compatibility note

The package root still exports a small JavaScript config object for older consumers, but new apps should prefer the CSS import flow above.

Start

Import the shared Tailwind v4 stylesheet

Add the shared stylesheet next to your app-level Tailwind import and keep project-specific tokens in regular CSS.

@import "tailwindcss";
@import "@batoanng/tailwind-config/styles.css";

Surface

Exports And Entrypoints

Export surface

  • . -> ./index.js
  • ./styles.css -> ./styles.css

Key files

  • index.js
  • package.json
  • styles.css

Integration

Integration Notes

Peer dependencies

  • tailwindcss

Ops

Development Notes

Latest release snapshot

1.4.0

Minor Changes

  • Add new config, synchronize versions
  • Add new config, synchronize versions

Source docs

Reference

The full README is rendered below so the package guide stays detailed and traceable to the source docs that live with the package itself.

npm version install size

A shareable Tailwind CSS v4 theme package built around a CSS-first workflow. Import the shared stylesheet to pick up fonts, colors, spacing, shadows, and utility extensions without maintaining a local tailwind.config.js.

Installation

npm install -D tailwindcss @batoanng/tailwind-config

## CSS-first usage

```css
@import "tailwindcss";
@import "@batoanng/tailwind-config/styles.css";

Compatibility note

The package root still exports a small JavaScript config object for older consumers, but new apps should prefer the CSS import flow above.