stitches.dev

What It Is

Stitches is a CSS-in-JS development tool shown on WorkOS-related pages. It is positioned as a “near-zero runtime” styling library, with support for SSR, multiple variants, and a strong developer experience. It can be integrated via npm install @stitches/react. The package size figures list Core at 5.9kb and React at 6.1kb, and it emphasizes zero runtime interpolation.

Core Capabilities

Functionally, Stitches focuses on componentized styling and design systems. Variants are a first-class feature, with support for multiple variants, compound variants, and default variants. This lets teams model style states such as button size and color as composable APIs, while automatically getting type support. For theming, it includes tokens, token aliases, and themes, built on CSS variables under the hood, making dark mode and multi-theme overrides feel relatively natural. The page also mentions the css prop, as prop, utils, and a fully typed API, making it friendly for TypeScript users.

Frameworks and Ecosystem

Stitches has a dedicated React library, @stitches/react, while @stitches/core is described as usable with any framework, including Vue, Svelte, and even vanilla HTML. The page provides links to Docs, Blog, GitHub, and Discord, along with community feedback. The text also references practical experience using Stitches + Radix for design systems, indicating that it once had a meaningful presence in the component library ecosystem.

Pricing and Maintenance Status

The crawled text does not show any commercial pricing or paid plans. Combined with the GitHub and npm installation information, it can be regarded as an open-source development library. However, the most important detail is that the official site clearly states: “Stitches is no longer maintained.” This means new projects should carefully evaluate dependency risk, compatibility risk, and future migration costs before adopting it.

Pros, Cons, and Who It’s For

Its strengths are a clean API, powerful variant modeling, a complete theme/token system, small package size, and a good TypeScript experience. It is suitable for maintaining existing projects, prototyping design systems, or teams that already have experience with the Stitches API. The downside is that it is no longer maintained, with clearly limited support and future evolution. For new projects seeking long-term stability, it is worth comparing Emotion, styled-components, vanilla-extract, Panda CSS, or Tailwind CSS.

Access from China

The text does not provide information about access from mainland China, mirrors, or payment. As an npm package, it can usually be installed through the npm ecosystem, but actual access to the official site, GitHub, and Discord may depend on the network environment. The conclusion is therefore unknown.