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

• Scopes styles to components so they don't "leak" and clash with other styles.
• Enables custom pseudo-classes and pseudo-elements that abstract the internal structure of a component. These can then be styled externally.
• Uses themes so you can apply different look and feel across your web application.

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

Learn more in our Documentation Center. Or read our story here in GitHub.

Install Stylable as a dependency in your local project.

Using npm:

npm install stylable --save

Using yarn:

yarn add stylable

While the stylable package includes a programmatic API and can be used directly, we strongly suggest using the stylable-integration package that powers and enables using the .st.css files in your project's build cycle: https://github.com/wixplosives/stylable-integration

Stylable includes a rich component library for out-of-the-box use.

Read our contributing guidelines for details on our code of conduct, and the process for submitting pull requests.

Copyright (c) 2017 Wix.com Ltd. All Rights Reserved. Use of this source code is governed by a BSD license.