styled-components/vue-styled-components

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1379 stars · 98 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity maintenance

css-framework ui-components frontend-framework frontend web-development web-design browser cross-platform css-in-js vue vue2 styled-components tagged-template-literals nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="styled-components/vue-styled-components")