Skip to main content

Boilerplate

To get started quickly, Stylable offers a boilerplate utility that can be used to bootstrap new projects from a list of templates.

ts-react-webpack (app)

This is the default template, it creates a new project and includes:

  • A React application
  • Webpack bundling including production optimizations
  • TypeScript support with automatically generated stylesheet type definitions

To use this template, run the following command:

npm init stylable-app [PROJECT_NAME]

ts-react-rollup (app)

This is an alternative template, it creates a new project and includes:

  • A React application
  • Rollup bundling
  • TypeScript support with automatically generated stylesheet type definitions

To use this template, run the following command:

npm init stylable-app -- [PROJECT_NAME] --template ts-react-rollup
Missing a template?

Got a use-case we don't support? A template you would like us to add? Let us know by creating a new template proposal.


Integrated and ready to learn?

Once your project is up and running, you can begin styling with Stylable. Read through the Handbook or explore the API References to help guide you in your work.