Modern SharePoint Starter Kit- End-to-end showcase solution to get started
TypeScript C# CSS PowerShell JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

PnP SharePoint Starter Kit

This is a solution designed for the SharePoint Online which will provide numerous web parts, extensions and other components which you can use as an example and innovation for your own customizations.

Notice that documentation work is still in progress and there will be updated material for this solution starting from early June. We do apology for the delay around detailed setup guidance.

Objectives of this solution

  • SharePoint Communication Sites have great out-of-the-box capabilities, but you can absolutely introduce customizations if out-of-the-box capabilities are not sufficient for your scenarios
  • Automatic provisioning on simple demo content in communication site
  • Automated provisioning of the whole solution to any tenant within minutes
  • Automated configuration of Site Scripts and Site Designs to the tenant level using PnP Remove Provisioning engine
  • Demonstrate implementation of different customizations for SharePoint Online
  • Demonstrate usage of Office UI Fabric and reusable PnP SPFx controls in the customizations


There is also two high res pictures available: front page and front page with extended footer.


This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact with any additional questions or comments.