# alfonsobries/vue-tailwind

Vue UI components with configurable classes ready for TailwindCSS

Repository: https://github.com/alfonsobries/vue-tailwind
Canonical: https://ross.abutalabs.com/products/vue-tailwind
Homepage: https://www.vue-tailwind.com/
Language: TypeScript
License: MIT
License Family: permissive
Topics: vue, tailwindcss, vue-tailwind, vuejs, typescript, variants, unlimited-variants
Last push: 2023-03-05T09:36:54+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2721, "days_push": 1277, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2160, forks 134 (observed 2026-08-28T04:06:20.918110+00:00)

## What it is
VueTailwind is a set of Vue.js UI components (inputs, buttons, modals, datepicker, etc.) designed to be fully customized with your own CSS classes, optimized for TailwindCSS. It supports unlimited style variants, default prop overrides, and multiple named instances of the same component with different settings.

## Use cases
- build a Vue app with a custom TailwindCSS design system
- create form inputs styled with my own Tailwind classes
- add modals, datepickers, and dropdowns without opinionated styles
- define error/success variants for buttons and alerts
- override default component props globally in Vue
- use a component library that works with any CSS framework

## When to choose
- you use Vue 2 with TailwindCSS and want full design control
- you need unlimited style variants per component
- you want to override default props app-wide instead of repeating them
- you dislike opinionated component library styles

## When to avoid
- you use Vue 3 (a rebuilt version is only planned)
- you want ready-made polished themes out of the box
- you need React or other framework support
- you need guaranteed ongoing updates (last release March 2023)

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, css-framework, frontend-framework, form-handling
- domain: frontend, web-development, web-design
- platform: cross-platform
- tags: vue, tailwindcss, theming, variants, vue2, component-library, nodejs, web-server

## Member repositories
- alfonsobries/vue-tailwind (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:20.918110+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:50:17.329162+00:00, confidence not recorded.
  - readme: https://github.com/alfonsobries/vue-tailwind (fetched 2026-08-28T04:06:20.918110+00:00, sha 1366d0ddd94a)
  - homepage: https://www.vue-tailwind.com/ (fetched 2026-08-29T10:30:41.767370+00:00, sha da839cbea8c5)
  - site_page: https://www.vue-tailwind.com/docs/installation (fetched 2026-08-29T10:30:41.776758+00:00, sha a7b9d2b10566)
  - site_page: https://www.vue-tailwind.com/docs/release-notes (fetched 2026-08-29T10:30:41.779129+00:00, sha 2fd355856dfc)
  - site_page: https://www.vue-tailwind.com/docs/upcoming-changes (fetched 2026-08-29T10:30:41.780948+00:00, sha 2cd216f766ab)
  - site_page: https://www.vue-tailwind.com/docs/theming (fetched 2026-08-29T10:30:41.783225+00:00, sha 4eafdf776374)
  - site_page: https://www.vue-tailwind.com/docs/settings (fetched 2026-08-29T10:30:41.785932+00:00, sha 32f1cbc9c1d8)
  - site_page: https://www.vue-tailwind.com/docs/workflow (fetched 2026-08-29T10:30:41.787999+00:00, sha 16b842e06911)
  - site_page: https://www.vue-tailwind.com/docs/text-input (fetched 2026-08-29T10:30:41.789988+00:00, sha 5cc154069491)
  - site_page: https://www.vue-tailwind.com/docs/textarea (fetched 2026-08-29T10:30:41.791655+00:00, sha 54140ae1c897)
- Data as of 2026-08-30T08:39:29.467469+00:00.