Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Bump xml2js, @microsoft/sp-build-web and @microsoft/sp-webpart-workbench in /samples/react-application-pva-bot

Git stats


Failed to load latest commit information.
Latest commit message
Commit time
June 28, 2022 23:42
March 25, 2023 21:23
March 25, 2023 21:16
July 14, 2021 11:45
June 6, 2021 13:57
March 25, 2023 21:16
March 25, 2023 21:16
April 26, 2021 01:01
April 26, 2021 00:28
March 25, 2023 21:16
March 22, 2020 23:27
page_type products languages extensions
contentType technologies createdDate
SharePoint Framework
6/1/2017 4:27:24 AM

SharePoint Framework Extensions Samples & Tutorial Materials

This repository contains the samples that demonstrate different usage patterns for the SharePoint Framework extensions.

We do welcome community contributions to the samples folder in this repository for demonstrating different use cases with SharePoint Framework. Notice that if you use 3rd party libraries, please make sure that library license allows distributions of it as part of your sample.

SharePoint extensions are controls that appear inside a SharePoint page but run locally in the browser. They're the building blocks of pages that appear on a SharePoint site. You can build extensions using modern script development tools and you can deploy your extensions to modern pages in Office 365 tenants. In addition to plain JavaScript projects, you can build extensions alongside common scripting frameworks, such as AngularJS and React. For example, you can use React along with components from Fluent UI to quickly create experiences based on the same components used in Office 365 natively.

Have issues or questions?

Please use following logic on submitting your questions or issues to right location to ensure that they are noticed and addressed as soon as possible.

Additional resources

Using the samples

To build and start using these projects, you'll need to clone and build the projects.

Clone this repo by executing the following command in your console:

git clone

Navigate to the cloned repository folder which should be the same as the repository name:

cd sp-dev-fx-extensions

To access the samples use the following command, where you replace sample-folder-name with the name of the sample you want to access.

cd samples
cd sample-folder-name

and for the tutorials, use the following command:

cd tutorials

Now run the following command to install the npm packages:

npm install

This will install the required npm packages and dependencies to build and run the client-side project.

Once the npm packages are installed, run the following command to start nodejs to host your extension and preview that in the SharePoint Online pages:

gulp serve


This repository's contributors are all community members who volunteered their time to share code samples. Work is done as an open source community project, with each sample contained in their own solution.


These samples are direct from the feature teams, SharePoint PnP core team ( or shared by the community. We welcome your input on issues and suggestions for new samples. We do also welcome community contributions around the extensions. If you have any questions, just let us know.

Please have a look on our Contribution Guidance before submitting your pull requests, so that we can get your contribution processed as fast as possible.

Code of Conduct

This repository 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.

Sharing is caring!