Skip to content


Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

The SXA Styleguide is an education site based on SXA that helps explaining the inner working and illustrating best practices.

This repository holds all the frontend code needed to run the site. It consists of two parts, the SXA themes and the Scriban templates used on the site. The folder structure used in this repository mimics the SXA Creative Exchange output, therefore you can find the sources for the themes and the seperate scriban templates in the following folders:

Type Location
Theme \src-\media\Themes\Sitecore\Styleguide\Styleguide\
Extension Theme \src-\media\Extension Themes\CSS Animations
Scriban \src-\scriban


The Styleguide is built to support Sitecore Experience Platform 9.3 using Sitecore Experience Accelerator (SXA) 9.3.


If you have already configured Creative Exchange you can skip the first step

  1. Open PathToSitecoreInstance/Website/App_Config/Include/z.Feature.Overrides folder and remove .disabled from z.SPE.Sync.Enabler.Gulp.config.disabled file;

  2. Clone the repository

  3. Switch to this repository and open \src\-\media\Themes\Sitecore\Styleguide\Styleguide\gulp\config.js

  4. Update config file for Gulp tasks: serverOptions.server - path to sitecore instance. Example server: '';

  5. go to the folder \src\-\media\Themes\Sitecore\Styleguide\Styleguide\ using the command prompt (or VS Code terminal)

  6. Run npm install (node.js and npm should be already installed);

  7. Run the gulp task to start Creative Exchange Live

For detailed instructions on how to setup Creative Exchange Live please read the readme file

Visual Studio Code

In the repository there is a Visual Studio code workspace that directly adds the folder locations mentioned previously.

Recommended VS Code extensions:

More information and documention on Scriban can be found at the authors website Sitecore extensions to Scriban are documented on the official Sitecore Documentation website


The code, samples and/or solutions provided in this repository are unsupported by Sitecore Support. Support is provided on a best-effort basis via GitHub issues.

It is assumed that you already have a working instance of Sitecore XM and all prerequisites prior to installing this site. Support for product installation issues should be directed to relevant Community channels or through regular Sitecore support channels.


The code, samples and/or solutions provided in this repository are for example purposes only and without warranty (expressed or implied). The code has not been extensively tested and is not guaranteed to be bug free.


This repository holds all the frontend code needed to run the SXA Styleguide






No releases published


No packages published