@vobs/tailwind

Tailwind CSS v4 integration for Vobs, with theme tokens exposed through Tailwind's namespaces.

Install

npm install @vobs/tailwind

Quick start

// vite.config.ts
import { defineConfig } from 'vite'
import { vobsTailwind } from '@vobs/tailwind'

export default defineConfig({
  plugins: [vobsTailwind()]
})

/* app.css */
@import "@vobs/tailwind/styles.css";

API

| Signature | Description | | --- | --- | | vobsTailwind(options?) | Thin wrapper around the Tailwind v4 Vite plugin (@tailwindcss/vite); returns the plugin array and passes options through unchanged. | | @vobs/tailwind/styles.css | Tailwind theme and utilities layers plus Vobs theme tokens. | | @vobs/tailwind/styles-prefixed.css | Utilities under the vobs prefix (use vobs:flex), for class name collisions. Tailwind v4 only honours prefix(...) on @import "tailwindcss", so this entry necessarily includes Tailwind Preflight — use styles.css if you want Vobs to own the reset. | | @vobs/tailwind/theme.css | Vobs semantic tokens mapped to Tailwind's color, spacing and radius namespaces. |

Types

VobsTailwindOptions