Overview of SharePoint client-side web parts

SharePoint client-side web parts are controls that appear inside a SharePoint page and execute client-side in the browser. They're the building blocks of pages that appear on a SharePoint site.

You can build client-side web parts using modern client-side development tools and the SharePoint workbench (a development test surface). You can deploy your client-side web parts to both modern pages and classic web part pages in Microsoft 365 tenants.

In addition to plain JavaScript projects, you can build web parts with popular web frameworks such as React, Angular, Vue.js, and others. For example, you can use React along with components from Fluent UI to quickly create experiences based on the same components used in Microsoft 365.

Use client-side web parts beyond SharePoint

Client-side web parts are the basic building block to implement other types of customizations in SharePoint, Microsoft Teams, and Microsoft Office clients! For example:

• Client-side web parts can be used to deploy single page apps (SPAs) in SharePoint Online. For more information about using web parts as SPAs, see Using single part app pages in SharePoint Online.
• Client-side web parts can be used to implement tabs in Microsoft Teams. For more information about using web parts in Microsoft Teams, see Building Microsoft Teams Tabs using SharePoint Framework.

Try building your first client-side web part today using the SharePoint Framework!

See also

• Overview of the SharePoint Framework
• SharePoint Framework development tools and libraries