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.