pinceau

🖌 pinceau

✨ Documentation • 🎨 Start painting

A CSS-in-JS framework built to feel like a native Vue feature.

• Ships 0kb of JS to the client
• DX that feels like a native Vue feature
• Design Tokens-compatible configuration system
• Fully-typed styling API inspired from Stitches
• Integrated with Volar
• First-class support for Nuxt 3, Vitesse, @vitejs/plugin-vue

Install

npm i pinceau

Nuxt

// nuxt.config.js
export default defineNuxtConfig({
  modules: [
    'pinceau/nuxt',
  ],
  pinceau: {
    /* options */
  }
})

This module only works with Nuxt 3.

Vite

// vite.config.ts
import Pinceau from 'pinceau/vite'

export default defineConfig({
  plugins: [
    Pinceau({ /* options */ }),
  ],
})

Example: playground/

Rollup

// rollup.config.js
import Pinceau from 'pinceau/rollup'

export default {
  plugins: [
    Pinceau({ /* options */ }),
  ],
}

esbuild

// esbuild.config.js
import { build } from 'esbuild'
import Pinceau from 'pinceau/esbuild'

build({
  plugins: [Pinceau({ /* options */ })],
})

💖 Credits

• Sébastien Chopin
• NuxtLabs
• Anthony Fu
• Johnson Chu
• The Stitches Team
  • Pedro Duarte
  • Jonathan Neal
  • Abdulhadi Alhallak

License

MIT License © 2022-PRESENT Yaël GUILLOUX