Getting Started

What is Stylable

Stylable is a CSS preprocessor that enables you to write reusable, highly-performant, styled components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.

At build time, the preprocessor converts the Stylable CSS into flat, static, valid, vanilla CSS that works cross-browser.

How do I install

There are currently two options for installing and working with Stylable:

While Stylable can work with any component framework, we offer a React component integration that works with both installation options. If you’re a Vue.js fan, here’s an example of Vue and Stylable working together.

Optionally, you can install Stylable Intelligence, an extension providing IDE support for code completion and diagnostics. Currently supported for only Visual Studio Code (version 1.18 and later).

What can I do