Vue Tailwind ElementsComponents for Vue 3 and Tailwind v4

A light component library. Typed, tree-shakeable, and configured with a single CSS import.

One import, no config

The stylesheet carries its own @source, so there is no tailwind.config.js and no content array to keep in sync.

Types ship with the package and GlobalComponents is augmented, so te-button type="primary" is checked inside your templates.

Built on the CSS-first theme. Variants read a shared palette of custom properties you can override with plain CSS.

Every component with live prop controls and the exact code that renders it, so you can copy what you built.

Open the playground