# styled-components/vue-styled-components

Visual primitives for the component age. A simple port for Vue of styled-components 💅

Repository: https://github.com/styled-components/vue-styled-components
Canonical: https://ross.abutalabs.com/products/vue-styled-components
Language: JavaScript
License: MIT
License Family: permissive
Topics: vue, css-in-js, vue-styled-components, css
Last push: 2026-04-10T08:03:33+00:00

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

## Adoption (not part of the score)
Stars 1379, forks 98 (observed 2026-08-28T04:04:33.727148+00:00)

## What it is
A Vue 2.x port of styled-components that lets you write actual CSS in JavaScript using tagged template literals to create styled Vue components. It removes the mapping between components and styles by treating styled components as low-level styling constructs.

## Use cases
- style vue components with css-in-js
- write component-scoped css using tagged template literals
- create styled ui primitives in vue 2
- adapt component styles based on props
- replace separate css files with styled components

## When to choose
- you are building a Vue 2.x app and want the styled-components developer experience
- you prefer colocating styles with components instead of separate stylesheets
- you need prop-driven dynamic styling in Vue

## When to avoid
- you are using Vue 3, which this port does not support
- you prefer scoped single-file component styles or utility-first CSS frameworks
- you need the full feature set of the original styled-components library

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components, frontend-framework
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: css-in-js, vue, vue2, styled-components, tagged-template-literals, nodejs

## Member repositories
- styled-components/vue-styled-components (main) score 66

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:33.727148+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-30T04:40:19.851785+00:00, confidence not recorded.
  - readme: https://github.com/styled-components/vue-styled-components (fetched 2026-08-28T04:04:33.727148+00:00, sha 5f98fa2f12ff)
  - registry_npm: https://registry.npmjs.org/vue-styled-components (fetched 2026-08-29T11:56:40.022656+00:00, sha 27636aad6c87)
- Data as of 2026-08-30T08:39:29.467469+00:00.