SPFx Samples

SharePoint Framework (SPFx) Samples

Learn SharePoint Framework (SPFx) by exploring community-built samples for client-side web parts and extensions.

Each sample highlights a specific capability—so you can quickly find what you need and reuse proven patterns in your own solutions.

For even more Microsoft 365, Power Platform, and Azure samples, check out the Adoption Sample Gallery

Microsoft 365 Copilot Chat and Search with Work IQ in SPFx

map[avatarSourceUrl:https://github.com/paolopia.png company:Microsoft gitHubAccount:PaoloPia name:Paolo Pialorsi pictureUrl:/sp-dev-fx-webparts/images/avatars/paolopia.0f852deb050e.webp twitter:PaoloPia]

Microsoft 365 Copilot Chat and Search with Work IQ in SPFx

Spin Wheel Game

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Spin Wheel Game

Bookmarks Manager

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Bookmarks Manager

JQuery, Photopile.JS & Office UI Fabric Client-Side Web Part

map[avatarSourceUrl:https://github.com/OlivierCC.png company:Microsoft gitHubAccount:OlivierCC name:Olivier Carpentier pictureUrl:/sp-dev-fx-webparts/images/avatars/oliviercc.ab8a7d23f457.webp]

JQuery, Photopile.JS & Office UI Fabric Client-Side Web Part

Group members list with Presence information web part

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Group members list with Presence information web part

Todo Basic Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/7882052?s=460&u=92d546edfe1e1b374c69f0fd9315186eea700b8f&v=4 company:Microsoft gitHubAccount:chakkaradeep name:Chakkaradeep Chandran pictureUrl:/sp-dev-fx-webparts/images/avatars/chakkaradeep.f1667d78af40.webp twitter:chakkaradeep]

Todo Basic Web Part

Property Pane Navigation Web Part

map[avatarSourceUrl:https://github.com/guidozam.png company:PiaSys gitHubAccount:guidozam name:Guido Zambarda pictureUrl:/sp-dev-fx-webparts/images/avatars/guidozam.7bd1ac0b8597.webp twitter:iamguidozam]

Property Pane Navigation Web Part

Azure DevOps Tasks Adaptive Card Extension

map[avatarSourceUrl:https://github.com/karamem0.png gitHubAccount:karamem0 name:Takashi Shinohara pictureUrl:/sp-dev-fx-webparts/images/avatars/karamem0.1acdcf68c38a.webp]

Azure DevOps Tasks Adaptive Card Extension

Tailwind 3 Web Part

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Tailwind 3 Web Part

Check Flows Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/33526902?s=460&u=e780f4ef1da922c84f2c5c66c59cecbff2300581&v=4 company:Microsoft gitHubAccount:aakashbhardwaj619 name:Aakash Bhardwaj pictureUrl:/sp-dev-fx-webparts/images/avatars/aakashbhardwaj619.bf79a729c94b.webp twitter:aakash_316]

Check Flows Web Part

Using @pnp/js and ReactJS

map[avatarSourceUrl:https://github.com/juliemturner.png gitHubAccount:juliemturner name:Julie Turner pictureUrl:/sp-dev-fx-webparts/images/avatars/juliemturner.1148c3ae7e6a.webp]

Using @pnp/js and ReactJS

Copilot chat-api-playground

map[avatarSourceUrl:https://github.com/siddharth-vaghasia.png gitHubAccount:siddharth-vaghasia name:Siddharth Vaghasia pictureUrl:/sp-dev-fx-webparts/images/avatars/siddharth-vaghasia.4b3319e769ed.webp]

Copilot chat-api-playground

Tab Accordion Web Part with Property Field Collection Data and tinyMCE for Rich Text Editing

map[avatarSourceUrl:https://github.com/arunkumarperumal.png gitHubAccount:arunkumarperumal name:Arun Kumar Perumal pictureUrl:/sp-dev-fx-webparts/images/avatars/arunkumarperumal.ae5061c4e344.webp]

Tab Accordion Web Part with Property Field Collection Data and tinyMCE for Rich Text Editing

Using Redux-Form library and React

map[avatarSourceUrl:https://github.com/vipulkelkar.png company:Rapid Circle gitHubAccount:vipulkelkar name:Vipul Kelkar pictureUrl:/sp-dev-fx-webparts/images/avatars/vipulkelkar.62f43d10d97d.webp]

Using Redux-Form library and React

Advent Calendar Web Part

map[avatarSourceUrl:https://github.com/valerasnarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp twitter:ValerasNarbutas]

Advent Calendar Web Part

Palette Picker Web Part

map[avatarSourceUrl:https://github.com/flowerbot.png gitHubAccount:flowerbot name:Linda K pictureUrl:/sp-dev-fx-webparts/images/avatars/flowerbot.1c9f41b71964.webp]

Palette Picker Web Part

Google reCaptcha Web Part

map[avatarSourceUrl:https://github.com/siddharth-vaghasia.png company: gitHubAccount:siddharth-vaghasia name:Siddharth Vaghasia pictureUrl:/sp-dev-fx-webparts/images/avatars/siddharth-vaghasia.4b3319e769ed.webp]

Google reCaptcha Web Part

Page Contributors Web Part

map[avatarSourceUrl:https://github.com/AriGunawan.png company: gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Page Contributors Web Part

Download Multiple Documents Web Part

map[avatarSourceUrl:https://github.com/AhmadiRamin.png gitHubAccount:AhmadiRamin name:Ramin Ahmadi pictureUrl:/sp-dev-fx-webparts/images/avatars/ahmadiramin.2a39322eaa9e.webp]

Download Multiple Documents Web Part

React Functional Component Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/10207194?s=460&v=4 company:Flow Simulation Ltd. gitHubAccount:SPDoctor name:Bill Ayers pictureUrl:/sp-dev-fx-webparts/images/avatars/spdoctor.f2b54cac0084.webp twitter:SPDoctor]

React Functional Component Web Part

Tiles Web Part

map[avatarSourceUrl:https://github.com/eoverfield.png company:PixelMill gitHubAccount:eoverfield name:Eric Overfield pictureUrl:/sp-dev-fx-webparts/images/avatars/eoverfield.29624c9e405b.webp twitter:EricOverfield]

Tiles Web Part

Angular client-side web part

map[avatarSourceUrl:https://github.com/waldekmastykarz.png company:Microsoft gitHubAccount:waldekmastykarz name:Waldek Mastykarz pictureUrl:/sp-dev-fx-webparts/images/avatars/waldekmastykarz.1b20c7b19859.webp twitter:waldekm]

Angular client-side web part

React Functional Stateful Component web part

LOB Integration web part

map[avatarSourceUrl:https://github.com/pnp.png gitHubAccount:pnp name:Microsoft 365 & Power Platform Community pictureUrl:/sp-dev-fx-webparts/images/avatars/pnp.19814af3d700.webp]

LOB Integration web part

Follow Document Web Part

map[avatarSourceUrl:https://github.com/aaclage.png gitHubAccount:aaclage name:André Lage pictureUrl:/sp-dev-fx-webparts/images/avatars/aaclage.f224864df00b.webp]

Follow Document Web Part

Office Graph Web Part samples

Site Secure Function Call

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

Site Secure Function Call

Quick Poll Web Part

map[avatarSourceUrl:https://github.com/sudharsank.png company:NTT Digital Business Solutions gitHubAccount:sudharsank name:Sudharsan Kesavanarayanan pictureUrl:/sp-dev-fx-webparts/images/avatars/sudharsank.416ed5d2b87f.webp twitter:sudharsank]

Quick Poll Web Part

New Modern Calendar Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

New Modern Calendar Web Part

Using PnP JS Core custom objects with @select and @expand decorators

map[avatarSourceUrl:https://github.com/jquintozamora.png company: gitHubAccount:jquintozamora name:Jose Quinto pictureUrl:/sp-dev-fx-webparts/images/avatars/jquintozamora.b415ce079b3b.webp]

Using PnP JS Core custom objects with @select and @expand decorators

Search Client-Side Web Part built with React and Flux

map[avatarSourceUrl:https://github.com/estruyf.png company:Struyf Consulting gitHubAccount:estruyf name:Elio Struyf pictureUrl:/sp-dev-fx-webparts/images/avatars/estruyf.2b38fc96ba44.webp twitter:eliostruyf]

Search Client-Side Web Part built with React and Flux

Event Aggregator Sample (DEPRECATED)

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Event Aggregator Sample (DEPRECATED)

Building Org Chart using a SharePoint list

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Building Org Chart using a SharePoint list

Banner Web Part

Personal Tasks Web Part

Tenant wide extension manager web part

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

Tenant wide extension manager web part

Taxonomy picker using Office UI Fabric Panel

map[avatarSourceUrl:https://github.com/vipulkelkar.png company:Rapid Circle gitHubAccount:vipulkelkar name:Vipul Kelkar pictureUrl:/sp-dev-fx-webparts/images/avatars/vipulkelkar.62f43d10d97d.webp]

Taxonomy picker using Office UI Fabric Panel

Schema Extensions Manager

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Schema Extensions Manager

Group members suggestion Web Part

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Group members suggestion Web Part

React AppInsights Usage WebParts

map[avatarSourceUrl:https://github.com/petkir.png company:ACP CUBIDO Digital Solutions GmbH gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp twitter:petkir_at]

React AppInsights Usage WebParts

Frequently Asked Questions Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/39132298?v=4 gitHubAccount:arunkumarperumal name:Arun Kumar Perumal pictureUrl:/sp-dev-fx-webparts/images/avatars/arunkumarperumal.ae5061c4e344.webp]

Frequently Asked Questions Web Part

Personal Calendar Web Part

Quote of the Day Web Part

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

Quote of the Day Web Part

List Form Web Part

map[avatarSourceUrl:https://github.com/DanyWyss.png company: gitHubAccount:DanyWyss name:Dany Wyss pictureUrl:/sp-dev-fx-webparts/images/avatars/danywyss.5fe3de6e6464.webp]

List Form Web Part

Tiles V2 Web Part

map[avatarSourceUrl:https://github.com/omarelanis.png gitHubAccount:omarelanis name:Omar El-Anis pictureUrl:/sp-dev-fx-webparts/images/avatars/omarelanis.02ebab380b35.webp]

Tiles V2 Web Part

Personal Greeting Web Part

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

Personal Greeting Web Part

Birthdays Web Part

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png company:Macaw gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp twitter:ValerasNarbutas]

Birthdays Web Part

SharePoint document generator - Offer Creation Web Part

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

SharePoint document generator - Offer Creation Web Part

DataTable Web Part Using MUI table

map[avatarSourceUrl:https://github.com/jeffinjacob.png gitHubAccount:jeffinjacob name:Jeffin Jacob pictureUrl:/sp-dev-fx-webparts/images/avatars/jeffinjacob.05bafbf3e9cb.webp]

DataTable Web Part Using MUI table

SPFx Legacy App Files Browser

map[avatarSourceUrl:https://github.com/paolopia.png company:PiaSys.com gitHubAccount:PaoloPia name:Paolo Pialorsi pictureUrl:/sp-dev-fx-webparts/images/avatars/paolopia.0f852deb050e.webp twitter:PaoloPia]

SPFx Legacy App Files Browser

Call custom APIs secured with Azure Active Directory without ADAL JS

Yammer Praise using aadTokenProvider

map[avatarSourceUrl:https://github.com/AhmadiRamin.png company:Content and Cloud gitHubAccount:AhmadiRamin name:Ramin Ahmadi pictureUrl:/sp-dev-fx-webparts/images/avatars/ahmadiramin.2a39322eaa9e.webp twitter:raminahmadi1986]

Yammer Praise using aadTokenProvider

Modern Carousel

map[avatarSourceUrl:https://github.com/Sandeep-FED.png gitHubAccount:Sandeep-FED name:Sandeep P S pictureUrl:/sp-dev-fx-webparts/images/avatars/sandeep-fed.6784dfb80995.webp]

Modern Carousel

ZPL Viewer Web Part

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

ZPL Viewer Web Part

Microsoft Learn Agent (Copilot Studio) for SPFx

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Microsoft Learn Agent (Copilot Studio) for SPFx

Image Gallery Web Part Built with Adaptive Cards

map[avatarSourceUrl:https://github.com/nanddeepn.png company: gitHubAccount:nanddeepn name:Nanddeep Nachan pictureUrl:/sp-dev-fx-webparts/images/avatars/nanddeepn.9b4d7196ac0e.webp twitter:NanddeepNachan]

Image Gallery Web Part Built with Adaptive Cards

Custom property pane controls web part

Material UI Web Part

Yammer REST API web part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Yammer REST API web part

Security Grid

map[avatarSourceUrl:https://github.com/russgove.png gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Security Grid

Graph Group Viewer Web Part

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

Graph Group Viewer Web Part

Remote Event Receiver Manager Web Part

map[avatarSourceUrl:https://github.com/Tanddant.png company: gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

Remote Event Receiver Manager Web Part

Modern Experience Theme Manager 2019 Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/10676147?s=460&u=9e4e74223c4ffb430fb77c97892a84b286df1921&v=4 company:Catapult Systems gitHubAccount:PopWarner name:David Warner II pictureUrl:/sp-dev-fx-webparts/images/avatars/popwarner.4b31f3a45bc9.webp twitter:PopWarner]

Modern Experience Theme Manager 2019 Web Part

Weather Information Web Part

Telephone Directory Web Part using React, Ms Graph and SPFx

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/40450958?s=460&u=77f108fb56adbed4f87304f15ce71033df667aaf&v=4 company: gitHubAccount:dips365 name:Dipen Shah pictureUrl:/sp-dev-fx-webparts/images/avatars/dips365.cebf0a5aa7dd.webp twitter:Dips_365]

Telephone Directory Web Part using React, Ms Graph and SPFx

Sample web part showing the use of @pnp/sp library with Knockoutjs

map[avatarSourceUrl:https://github.com/patrick-rodgers.png company:Microsoft gitHubAccount:patrick-rodgers name:Patrick Rodgers pictureUrl:/sp-dev-fx-webparts/images/avatars/patrick-rodgers.e58f39bbc4da.webp twitter:mediocrebowler]

Sample web part showing the use of @pnp/sp library with Knockoutjs

SharePoint CRUD operations

Local Azure Function and SPFx Web Part Development to consume third party APIs

map[avatarSourceUrl:https://github.com/StfBauer.png company:N8D gitHubAccount:StfBauer name:Stefan Bauer pictureUrl:/sp-dev-fx-webparts/images/avatars/stfbauer.b467bc96684c.webp twitter:stfbauer]

Local Azure Function and SPFx Web Part Development to consume third party APIs

Image Generation using DALL-E API Web Part

map[avatarSourceUrl:https://github.com/luismanez.png gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Image Generation using DALL-E API Web Part

Microsoft Authentication Library (MSAL JS) authentication sample

List Integration with TinyMCE Editor Web Part

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

List Integration with TinyMCE Editor Web Part

My Approvals Web Part

map[avatarSourceUrl:https://github.com/karamem0.png gitHubAccount:karamem0 name:Takashi Shinohara pictureUrl:/sp-dev-fx-webparts/images/avatars/karamem0.1acdcf68c38a.webp]

My Approvals Web Part

JSON form builder Web Part

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

JSON form builder Web Part

Personal Contacts Web Part

Advanced IFrame

map[avatarSourceUrl:https://github.com/365knoten.png company:Storm Technology Ltd gitHubAccount:365knoten name:Sven Sieverding pictureUrl:/sp-dev-fx-webparts/images/avatars/365knoten.1ee549dff02f.webp twitter:365knoten]

Advanced IFrame

CAML to Table

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

CAML to Table

Modern Organization Chart

map[avatarSourceUrl:https://github.com/joaojmendes.png company:Storm Technology Ltd gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp twitter:joaojmendes]

Modern Organization Chart

Sales Orders Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Sales Orders Web Part

Thumbnail/preview of pages and files web part

map[avatarSourceUrl:https://github.com/wobba.png company:Microsoft gitHubAccount:wobba name:Mikael Svenson pictureUrl:/sp-dev-fx-webparts/images/avatars/wobba.dfcb4ef5320a.webp twitter:mikaelsvenson]

Thumbnail/preview of pages and files web part

List Items Menu Web Part

SPFx Avatar Web Part

map[avatarSourceUrl:https://github.com/kunj-sangani.png company: gitHubAccount:kunj-sangani name:Kunj Sangani pictureUrl:/sp-dev-fx-webparts/images/avatars/kunj-sangani.b0aab1ba120b.webp]

SPFx Avatar Web Part

Birthdays Timeline Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Birthdays Timeline Web Part

Birthdays Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Birthdays Web Part

Page Summarization with Chrome Built-in AI

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:anoopt name:Anoop T pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp]

Page Summarization with Chrome Built-in AI

Cascading Dropdowns

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Cascading Dropdowns

Site Designs Manager Web Part

Display List JavaScript Client-Side Web Part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Display List JavaScript Client-Side Web Part

React AppInsights Dashboard Web Part

SharePoint Framework PnP Controls Sample

Multi-list Grid Web Part

map[avatarSourceUrl:https://github.com/russgove.png company: gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Multi-list Grid Web Part

Slide Swiper Web Part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Slide Swiper Web Part

Recently Visited Sites Web Part

Governor Sharing Web Part

map[avatarSourceUrl:https://github.com/robinmeure.png gitHubAccount:robinmeure name:Robin Meure pictureUrl:/sp-dev-fx-webparts/images/avatars/robinmeure.142dd34a0e6f.webp]

Governor Sharing Web Part

Tenant Properties Web Part

Image Slider from Photo Gallery using Taxonomy Filter Web Part

map[avatarSourceUrl:https://github.com/sudhir007rawat.png company:HCL America gitHubAccount:sudhir007rawat name:Sudhir Rawat pictureUrl:/sp-dev-fx-webparts/images/avatars/sudhir007rawat.80a3add269ba.webp]

Image Slider from Photo Gallery using Taxonomy Filter Web Part

Nutrient Document Viewer

map[avatarSourceUrl:https://github.com/cfernandes-muhimbi.png gitHubAccount:cfernandes-muhimbi name:Clavin Fernandes pictureUrl:/sp-dev-fx-webparts/images/avatars/cfernandes-muhimbi.94b83deafea2.webp]

Nutrient Document Viewer

Web part displaying Google Fit information

Custom Links Web Part

Code Splitting in SharePoint Framework

map[avatarSourceUrl:https://github.com/vman.png company: gitHubAccount:vman name:Vardhaman Deshpande pictureUrl:/sp-dev-fx-webparts/images/avatars/vman.6637770fde43.webp]

Code Splitting in SharePoint Framework

Enhanced List Formatting Web Part

map[avatarSourceUrl:https://github.com/hugoabernier.png company:Tahoe Ninjas gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp twitter:bernierh]

Enhanced List Formatting Web Part

React Gantt Chart Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

React Gantt Chart Web Part

SharePoint - Dynamic Form Builder (WebPart)

map[avatarSourceUrl:https://github.com/maschroeder-z.png gitHubAccount:maschroeder-z name:Marc André Schröder-Zhou pictureUrl:/sp-dev-fx-webparts/images/avatars/maschroeder-z.ee3d256a07e0.webp]

SharePoint - Dynamic Form Builder (WebPart)

Send Notifications in Teams Web Part

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Send Notifications in Teams Web Part

Associated Sites Links

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Associated Sites Links

Tailwind CSS Web Part

map[avatarSourceUrl:https://github.com/fabiofranzini.png company: gitHubAccount:fabiofranzini name:Fabio Franzini pictureUrl:/sp-dev-fx-webparts/images/avatars/fabiofranzini.261147de89b5.webp twitter:franzinifabio]

Tailwind CSS Web Part

Styled List

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Styled List

Enhanced Power App

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Enhanced Power App

Birthdays Per Month

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Birthdays Per Month

React UseReducer Hook with PnPjs

map[avatarSourceUrl:https://github.com/ahmad-jad-alhak.png gitHubAccount:ahmad-jad-alhak name:Ahmad Jad Alhak pictureUrl:/sp-dev-fx-webparts/images/avatars/ahmad-jad-alhak.5d2730987f4b.webp]

React UseReducer Hook with PnPjs

Image Magnifier Web Part

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Image Magnifier Web Part

Followed Sites Web Part

Questionnaire Teams Meeting App

Video Library Web Part

map[avatarSourceUrl:https://github.com/russgove.png company: gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Video Library Web Part

Data Table Web Part

map[avatarSourceUrl:https://github.com/chandaniprajapati.png company:Rapid Circle gitHubAccount:chandaniprajapati name:Chandani Prajapati pictureUrl:/sp-dev-fx-webparts/images/avatars/chandaniprajapati.3a547d07e3e4.webp twitter:Chandani_SPD]

Data Table Web Part

React Bookmark Hub Web Part

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

React Bookmark Hub Web Part

pnp/js and ReactJS Functional Components

map[avatarSourceUrl:https://github.com/bcameron1231.png gitHubAccount:bcameron1231 name:Beau Cameron pictureUrl:/sp-dev-fx-webparts/images/avatars/bcameron1231.dd354298cb1c.webp]

pnp/js and ReactJS Functional Components

Dynamic data Web Part

Public teams I'm not a member of Web Part

map[avatarSourceUrl:https://github.com/LauraKokkarinen.png company:Sulava gitHubAccount:LauraKokkarinen name:Laura Kokkarinen pictureUrl:/sp-dev-fx-webparts/images/avatars/laurakokkarinen.a7a1ea774c88.webp twitter:LauraKokkarinen]

Public teams I'm not a member of Web Part

Property Pane Portal PnP Controls Web Part

map[avatarSourceUrl:https://github.com/PathToSharePoint.png gitHubAccount:PathToSharePoint name:Christophe Humbert pictureUrl:/sp-dev-fx-webparts/images/avatars/pathtosharepoint.a56109c1033a.webp]

Property Pane Portal PnP Controls Web Part

Manage Profile Card Properties Web Part

Site Provisioning Manager Web Part

Angular & ngOfficeUIFabric Client-Side Web Part

CSV Importer

map[avatarSourceUrl:https://github.com/mromiszewski.png gitHubAccount:mromiszewski name:Michał Romiszewski pictureUrl:/sp-dev-fx-webparts/images/avatars/mromiszewski.0df83692b9f1.webp]

CSV Importer

File Type Distribution

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

File Type Distribution

JS Property Controls SVG Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/8364109?s=460&v=4 company:DMI gitHubAccount:thechriskent name:Chris Kent pictureUrl:/sp-dev-fx-webparts/images/avatars/thechriskent.39a53a2f2e96.webp twitter:thechriskent]

JS Property Controls SVG Web Part

Provision SharePoint Assets with the SPFx solution package

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Provision SharePoint Assets with the SPFx solution package

Document Library Explorer

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Document Library Explorer

PnPjs Project Online Web Part

map[avatarSourceUrl:https://github.com/joelfmrodrigues.png company:Storm Technology gitHubAccount:joelfmrodrigues name:Joel Rodrigues pictureUrl:/sp-dev-fx-webparts/images/avatars/joelfmrodrigues.960033b44b3d.webp twitter:joelfmrodrigues]

PnPjs Project Online Web Part

My Teams Web Part

Add JS and CSS reference on Modern Pages Web Part

Goals OKR Tracker

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Goals OKR Tracker

Modern Charts

map[avatarSourceUrl:https://github.com/jcoleman-pcprofessional.png company:PC Professional Inc. gitHubAccount:jcoleman-pcprofessional name:Jeremy Coleman pictureUrl:/sp-dev-fx-webparts/images/avatars/jcoleman-pcprofessional.c93347647722.webp]

Modern Charts

Restaurant Menu Web Part

Read / update MS Graph Custom Schema Extensions Web Part

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Read / update MS Graph Custom Schema Extensions Web Part

Content Query Web Part (SharePoint Online)

Multi screen web part sample

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Multi screen web part sample

Subscription Manager Web Part

map[avatarSourceUrl:https://github.com/NishkalankBezawada.png gitHubAccount:NishkalankBezawada name:NIshkalank Bezawada pictureUrl:/sp-dev-fx-webparts/images/avatars/nishkalankbezawada.271e437466c3.webp]

Subscription Manager Web Part

Page Navigator Web Part

Side Panel Client-Side Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/17036219?s=460&u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f&v=4 company:Sharepointalist gitHubAccount:AJIXuMuK name:Alex Terentiev pictureUrl:/sp-dev-fx-webparts/images/avatars/ajixumuk.61b322bba764.webp twitter:alexaterentiev]

Side Panel Client-Side Web Part

VueJS Org Chart Web Part

map[avatarSourceUrl:https://github.com/serdarketenci.png company: gitHubAccount:serdarketenci name:Serdar Ketenci̇ pictureUrl:/sp-dev-fx-webparts/images/avatars/serdarketenci.68fcb108d1ee.webp]

VueJS Org Chart Web Part

MS Teams Channels and Tabs from Modern Team site

map[avatarSourceUrl:https://github.com/fredupstair.png company:Avanade Italy gitHubAccount:fredupstair name:Federico Porceddu pictureUrl:/sp-dev-fx-webparts/images/avatars/fredupstair.73c948d7c785.webp]

MS Teams Channels and Tabs from Modern Team site

Zod Web Part

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Zod Web Part

Taxonomy File Explorer Web Part

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

Taxonomy File Explorer Web Part

Visio Embed Web Part

Date range picker in SPFx Web Part

map[avatarSourceUrl:https://github.com/ravichandran-blog.png company:Content Formula gitHubAccount:ravichandran-blog name:Ravichandran Krishnasamy pictureUrl:/sp-dev-fx-webparts/images/avatars/ravichandran-blog.c2a64dbceb5d.webp twitter:spfx_blog]

Date range picker in SPFx Web Part

Adaptive Cards Host Web Part

Using React Accordion plugin with SPFx

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Using React Accordion plugin with SPFx

Graph Usage Reports Web Part

map[avatarSourceUrl:https://github.com/ejazhussain.png company:Content and Code gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp twitter:EjazHussain_]

Graph Usage Reports Web Part

Microsoft Bot Framework Web Chat Web Part

map[avatarSourceUrl:https://github.com/garypretty.png company:Microsoft gitHubAccount:garypretty name:Gary Pretty pictureUrl:/sp-dev-fx-webparts/images/avatars/garypretty.5282d76ac5c9.webp]

Microsoft Bot Framework Web Chat Web Part

People Directory Web Part

All Microsoft 365 Groups and Teams Web Part

map[avatarSourceUrl:https://github.com/ReactIntern.png gitHubAccount:ReactIntern name:Alison Collins pictureUrl:/sp-dev-fx-webparts/images/avatars/reactintern.c057572afd45.webp]

All Microsoft 365 Groups and Teams Web Part

Chat GPT inside SPFx

map[avatarSourceUrl:https://github.com/nicodecleyre.png gitHubAccount:nicodecleyre name:Nico De Cleyre pictureUrl:/sp-dev-fx-webparts/images/avatars/nicodecleyre.6b802f23b157.webp]

Chat GPT inside SPFx

Secure Bot Framework Web Part

map[avatarSourceUrl:https://github.com/DingmaomaoBJTU.png company:Microsoft gitHubAccount:DingmaomaoBJTU name:Qiong Wu pictureUrl:/sp-dev-fx-webparts/images/avatars/dingmaomaobjtu.4c988b95ed77.webp]

Secure Bot Framework Web Part

My Flows Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp twitter:joaojmendes]

My Flows Web Part

Angular Elements in SPFx web parts

App settings web part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

App settings web part

Advanced Comments Box Web Part

Personal tools list Web Part

map[avatarSourceUrl:https://github.com/Eli-Schei.png gitHubAccount:Eli-Schei name:Eli Schei pictureUrl:/sp-dev-fx-webparts/images/avatars/eli-schei.3680818ac120.webp]

Personal tools list Web Part

Password Vault Web Part

map[avatarSourceUrl:https://github.com/SPFxAppDev.png gitHubAccount:SPFxAppDev name:Sergej Schwabauer pictureUrl:/sp-dev-fx-webparts/images/avatars/spfxappdev.1c1d87228063.webp]

Password Vault Web Part

Drag Match

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Drag Match

Angular2 Web Part Prototype

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/1770329?s=460&v=4 company: gitHubAccount:dgaeta name:Daniel Gaeta pictureUrl:/sp-dev-fx-webparts/images/avatars/dgaeta.a9d1a61685fb.webp]

Angular2 Web Part Prototype

Webhooks Realtime

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Webhooks Realtime

Dev-Radar for SharePoint Online

map[avatarSourceUrl:https://github.com/sauslash.png company: gitHubAccount:sauslash name:Saulo Oliveira pictureUrl:/sp-dev-fx-webparts/images/avatars/sauslash.7283f975705e.webp]

Dev-Radar for SharePoint Online

Content Query Web Part (On-Premises SharePoint)

map[avatarSourceUrl:https://github.com/spplante.png company:SPP Technologies gitHubAccount:spplante name:Simon-Pierre Plante pictureUrl:/sp-dev-fx-webparts/images/avatars/spplante.471881cb9af7.webp]

Content Query Web Part (On-Premises SharePoint)

Web part showing Url validation for SharePoint using Office Graph

map[avatarSourceUrl:https://github.com/StfBauer.png company:N8D gitHubAccount:StfBauer name:Stefan Bauer pictureUrl:/sp-dev-fx-webparts/images/avatars/stfbauer.b467bc96684c.webp twitter:stfbauer]

Web part showing Url validation for SharePoint using Office Graph

QR Code Generator Web Part

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png gitHubAccount:NicolasKheirallah name:Nicolas Kheirallah pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

QR Code Generator Web Part

My Sites Web Part

React Kiota Custom API Client Web Part

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Manez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp twitter:luismanez]

React Kiota Custom API Client Web Part

Cross-Device Data Web Part

map[avatarSourceUrl:https://github.com/giuleon.png gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp]

Cross-Device Data Web Part

Room Chat Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Room Chat Web Part

Private Library/Folder Manager Web Part

map[avatarSourceUrl:https://github.com/russgove.png gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Private Library/Folder Manager Web Part

News Web Part

map[avatarSourceUrl:https://github.com/ReactIntern.png gitHubAccount:ReactIntern name:Alison Collins pictureUrl:/sp-dev-fx-webparts/images/avatars/reactintern.c057572afd45.webp]

News Web Part

World Clocks Web Part

map[avatarSourceUrl:https://github.com/jerryyasir.png company:DXC Technology gitHubAccount:jerryyasir name:Jerry Yasir pictureUrl:/sp-dev-fx-webparts/images/avatars/jerryyasir.a2f7fcb9a425.webp twitter:jerryyasir]

World Clocks Web Part

Manage Office 365 Groups with SPFx

Group Membership Manager Web Part

map[avatarSourceUrl:https://github.com/techienickb.png gitHubAccount:techienickb name:Nick Brown pictureUrl:/sp-dev-fx-webparts/images/avatars/techienickb.6e70e001b484.webp]

Group Membership Manager Web Part

Using @pnp/js with Async / Await

map[avatarSourceUrl:https://github.com/jquintozamora.png company: gitHubAccount:jquintozamora name:Jose Quinto pictureUrl:/sp-dev-fx-webparts/images/avatars/jquintozamora.b415ce079b3b.webp]

Using @pnp/js with Async / Await

Recently Used Documents Web Part

Flow Dashboard Web Part

Tour Sample Web Part

map[avatarSourceUrl:https://github.com/fredupstair.png gitHubAccount:fredupstair name:Federico Porceddu pictureUrl:/sp-dev-fx-webparts/images/avatars/fredupstair.73c948d7c785.webp]

Tour Sample Web Part

Real Time News Feed Web Part using Azure Logic Apps, Node.js and socket.io

map[avatarSourceUrl:https://github.com/FranckyC.png company:Aequos gitHubAccount:FranckyC name:Franck Cornu pictureUrl:/sp-dev-fx-webparts/images/avatars/franckyc.763d6d5c0f5f.webp]

Real Time News Feed Web Part using Azure Logic Apps, Node.js and socket.io

Teams Configuration Tab

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/4664072?s=460&u=29310fd67417ec5f81dc8881dc6eb5dc0065da2d&v=4 company:Microsoft gitHubAccount:BobGerman name:Bob German pictureUrl:/sp-dev-fx-webparts/images/avatars/bobgerman.145d56524481.webp twitter:Bob1German]

Teams Configuration Tab

Personal e-mail Web Part

PnP Copilot Prompt Gallery

map[avatarSourceUrl:https://github.com/saurabh7019.png gitHubAccount:saurabh7019 name:Saurabh Tripathi pictureUrl:/sp-dev-fx-webparts/images/avatars/saurabh7019.1c80cfa0d82a.webp]

PnP Copilot Prompt Gallery

React SharePoint Online Site Game Web Part

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

React SharePoint Online Site Game Web Part

Query Microsoft Graph Web Part

map[avatarSourceUrl:https://github.com/mgwojciech.png company:Valo gitHubAccount:mgwojciech name:Marcin Wojciechowski pictureUrl:/sp-dev-fx-webparts/images/avatars/mgwojciech.f398ceb6f651.webp]

Query Microsoft Graph Web Part

Page Hierarchy Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/10885472?s=460&u=74d23f4289cd555aa530e1c2c6156a382c373f2f&v=4 company:ThreeWill gitHubAccount:bogeorge name:Bo George pictureUrl:/sp-dev-fx-webparts/images/avatars/bogeorge.d94fb7708286.webp twitter:bo_george]

Page Hierarchy Web Part

OpenAI Azure DevOps Bot Web Part

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

OpenAI Azure DevOps Bot Web Part

React Functional Component web part with data fetch

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/10207194?s=460&v=4 gitHubAccount:SPDoctor name:Bill Ayers pictureUrl:/sp-dev-fx-webparts/images/avatars/spdoctor.f2b54cac0084.webp twitter:SPDoctor]

React Functional Component web part with data fetch

SVG to JSON Converter

map[avatarSourceUrl:https://github.com/LuiseFreese.png gitHubAccount:LuiseFreese name:Luise Freese pictureUrl:/sp-dev-fx-webparts/images/avatars/luisefreese.c2034507e44c.webp]

SVG to JSON Converter

Lead Dashboard Web Part

map[avatarSourceUrl:https://github.com/PaoloPia.png company:PiaSys.com gitHubAccount:PaoloPia name:Paolo Pialorsi pictureUrl:/sp-dev-fx-webparts/images/avatars/paolopia.0f852deb050e.webp twitter:PaoloPia]

Lead Dashboard Web Part

Teams Membership Updater Web Part

map[avatarSourceUrl:https://github.com/techienickb.png gitHubAccount:techienickb name:Nick Brown pictureUrl:/sp-dev-fx-webparts/images/avatars/techienickb.6e70e001b484.webp twitter:techienickb]

Teams Membership Updater Web Part

Global News Web Part

List RiotJS Client-Side Web Part

map[avatarSourceUrl:https://github.com/sebastienlevert.png company:Microsoft gitHubAccount:sebastienlevert name:Sébastien Levert pictureUrl:/sp-dev-fx-webparts/images/avatars/sebastienlevert.ccc804b42872.webp twitter:sebastienlevert]

List RiotJS Client-Side Web Part

Knockout Dependent Properties

Handling Multiple Editions of SPFx Solution

Navigation Tabs

map[avatarSourceUrl:https://github.com/wkwolff.png gitHubAccount:wkwolff name:W. Kevin Wolff pictureUrl:/sp-dev-fx-webparts/images/avatars/wkwolff.3277042fb560.webp]

Navigation Tabs

Video Banner Web Part

map[avatarSourceUrl:https://github.com/derhallim.png gitHubAccount:derhallim name:Mohamed Derhalli pictureUrl:/sp-dev-fx-webparts/images/avatars/derhallim.b24e5bb5531d.webp twitter:MohamedDerhalli]

Video Banner Web Part

List View Metrics Web Part

map[avatarSourceUrl:https://github.com/tvahk.png gitHubAccount:tvahk name:tvahk pictureUrl:/sp-dev-fx-webparts/images/avatars/tvahk.38def45be826.webp]

List View Metrics Web Part

Soccer Highlights Web Part

Enhanced Button

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Enhanced Button

Telemetry Event Sender Web Part

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp]

Telemetry Event Sender Web Part

GitHub Badge Web Part

map[avatarSourceUrl:https://github.com/skaggej.png company: gitHubAccount:skaggej name:Eric Skaggs pictureUrl:/sp-dev-fx-webparts/images/avatars/skaggej.290a5770ec65.webp twitter:skaggej]

GitHub Badge Web Part

Recent Contacts Web Part

Script editor web part for modern pages

map[avatarSourceUrl:https://github.com/wobba.png company:Microsoft gitHubAccount:wobba name:Mikael Svenson pictureUrl:/sp-dev-fx-webparts/images/avatars/wobba.dfcb4ef5320a.webp twitter:mikaelsvenson]

Script editor web part for modern pages

Custom Localization

map[avatarSourceUrl:https://github.com/brianpmccullough.png gitHubAccount:brianpmccullough name:Brian McCullough pictureUrl:/sp-dev-fx-webparts/images/avatars/brianpmccullough.c727a1f5b3a2.webp]

Custom Localization

Migrating existing Angular applications to SPFx web parts

My Groups Web Part

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

My Groups Web Part

Content Block

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Content Block

MS Teams Channels and Tabs from Modern Team site

SharePoint Themes Client Side Web Part

Microsoft 365 Copilot API Explorer (SPFx)

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Microsoft 365 Copilot API Explorer (SPFx)

Modern Experience Theme Manager Web Part

map[avatarSourceUrl:https://github.com/PopWarner.png gitHubAccount:PopWarner name:David Warner II pictureUrl:/sp-dev-fx-webparts/images/avatars/popwarner.4b31f3a45bc9.webp]

Modern Experience Theme Manager Web Part

Using multiple stores with React and Mobx Web Part

map[avatarSourceUrl:https://github.com/KEMiCZA.png company:Ventigrate gitHubAccount:KEMiCZA name:Kemal Sinanagic pictureUrl:/sp-dev-fx-webparts/images/avatars/kemicza.3912a1a84142.webp twitter:kemicza]

Using multiple stores with React and Mobx Web Part

File Upload Web Part

Timeline Web Part

Mermaid Diagram Web Part for SharePoint Online

Teams Personal App Settings Web Part

Dynamic Bundling Web Parts & Loading of SPFx Packages

Group Members Web Part – Microsoft 365 Group User Management

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png gitHubAccount:NicolasKheirallah name:Nicolas Kheirallah pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

Group Members Web Part – Microsoft 365 Group User Management

Copilot Retrieval API Playground

map[avatarSourceUrl:https://github.com/petkir.png gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp]

Copilot Retrieval API Playground

Employee Onboarding

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Employee Onboarding

Easter Egg Hunt Game SPFx Web Part

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp twitter:ValerasNarbutas]

Easter Egg Hunt Game SPFx Web Part

Graph Auto Batching Web Part

map[avatarSourceUrl:https://github.com/mgwojciech.png company:Valo gitHubAccount:mgwojciech name:Marcin Wojciechowski pictureUrl:/sp-dev-fx-webparts/images/avatars/mgwojciech.f398ceb6f651.webp]

Graph Auto Batching Web Part

Adaptive Cards Viewer Web Parts using Hooks

map[avatarSourceUrl:https://github.com/pschaeflein.png company:AddIn365 gitHubAccount:pschaeflein name:Paul Schaeflein pictureUrl:/sp-dev-fx-webparts/images/avatars/pschaeflein.e405fbcf9a38.webp]

Adaptive Cards Viewer Web Parts using Hooks

Smart Profile Photo Editor Web Part

Cherry picked content web part

map[avatarSourceUrl:https://github.com/PathToSharePoint.png gitHubAccount:PathToSharePoint name:Christophe Humbert pictureUrl:/sp-dev-fx-webparts/images/avatars/pathtosharepoint.a56109c1033a.webp]

Cherry picked content web part

Workbench customizer Web Part

React Image Editor

map[avatarSourceUrl:https://github.com/petkir.png gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp]

React Image Editor

Using React and Mobx Web Part

map[avatarSourceUrl:https://github.com/kmees.png company: gitHubAccount:kmees name:Kevin Mees pictureUrl:/sp-dev-fx-webparts/images/avatars/kmees.8d1cb884be7c.webp]

Using React and Mobx Web Part

Graph Calendar Web Part

map[avatarSourceUrl:https://github.com/sebastienlevert.png gitHubAccount:sebastienlevert name:Sébastien Levert pictureUrl:/sp-dev-fx-webparts/images/avatars/sebastienlevert.ccc804b42872.webp twitter:sebastienlevert]

Graph Calendar Web Part

Demo Time

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

Demo Time

Angular MS Graph Web Part Built with Angular v1.x

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/11304394?s=460&v=4 company:Slalom gitHubAccount:davidhartman name:David Hartman pictureUrl:/sp-dev-fx-webparts/images/avatars/davidhartman.cb9cb8c50d02.webp]

Angular MS Graph Web Part Built with Angular v1.x

Web part displaying hierarchical information from SharePoint list

Power Palette Studio

map[avatarSourceUrl:https://github.com/Sandeep-FED.png gitHubAccount:Sandeep-FED name:Sandeep-FED pictureUrl:/sp-dev-fx-webparts/images/avatars/sandeep-fed.6784dfb80995.webp]

Power Palette Studio

Copy Views Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/5267487?v=4 company:I4-YOU Business Solutions b.v. gitHubAccount:martinlingstuyl name:Martin Lingstuyl pictureUrl:/sp-dev-fx-webparts/images/avatars/martinlingstuyl.aebd896bd85b.webp]

Copy Views Web Part

Manage SPFx solution using ALM APIs

map[avatarSourceUrl:https://github.com/Ramakrishnan24689.png company:Microsoft gitHubAccount:Ramakrishnan24689 name:Ramakrishnan Raman pictureUrl:/sp-dev-fx-webparts/images/avatars/ramakrishnan24689.77d545af76fa.webp twitter:ramakrishnan2]

Manage SPFx solution using ALM APIs

PnP ListView with PnP Field Controls Web Part

Hero Web Part

map[avatarSourceUrl:https://github.com/omarelanis.png gitHubAccount:omarelanis name:Omar El-Anis pictureUrl:/sp-dev-fx-webparts/images/avatars/omarelanis.02ebab380b35.webp]

Hero Web Part

IFramePanel Web Part

map[avatarSourceUrl:https://github.com/valerasnarbutas.png company:Macaw gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp twitter:ValerasNarbutas]

IFramePanel Web Part

Find Parker Web Part

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wojcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

Find Parker Web Part

Edit Application Customizers Web Part

map[avatarSourceUrl:https://github.com/kunj-sangani.png company: gitHubAccount:kunj-sangani name:Kunj Sangani pictureUrl:/sp-dev-fx-webparts/images/avatars/kunj-sangani.b0aab1ba120b.webp]

Edit Application Customizers Web Part

Application Insights and Cost Management Dashboards Web Part

map[avatarSourceUrl:https://github.com/kkazala.png gitHubAccount:kkazala name:Kinga Kazala pictureUrl:/sp-dev-fx-webparts/images/avatars/kkazala.9a23602eada3.webp]

Application Insights and Cost Management Dashboards Web Part

Using React and Redux

map[avatarSourceUrl:https://github.com/kmees.png company: gitHubAccount:kmees name:Kevin Mees pictureUrl:/sp-dev-fx-webparts/images/avatars/kmees.8d1cb884be7c.webp]

Using React and Redux

Design Patterns applied to Sharepoint Framework

map[avatarSourceUrl:https://github.com/levalencia.png company: gitHubAccount:levalencia name:Luis Valencia pictureUrl:/sp-dev-fx-webparts/images/avatars/levalencia.f8ced947cd11.webp]

Design Patterns applied to Sharepoint Framework

Carbon Footprint Calculator

map[avatarSourceUrl:https://github.com/jtlivio.png gitHubAccount:jtlivio name:João LIVIO pictureUrl:/sp-dev-fx-webparts/images/avatars/jtlivio.969fe0dcec53.webp]

Carbon Footprint Calculator

Building Custom Heft Plugins for SharePoint Framework

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Building Custom Heft Plugins for SharePoint Framework

Site Content Web Part

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

Site Content Web Part

LegalLens SPFx Solution

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

LegalLens SPFx Solution

Using React, Redux and ImmutableJS

map[avatarSourceUrl:https://github.com/vman.png company: gitHubAccount:vman name:Vardhaman Deshpande pictureUrl:/sp-dev-fx-webparts/images/avatars/vman.6637770fde43.webp]

Using React, Redux and ImmutableJS

Page Sections Navigation Web Part

Personal Anniversary Web Part

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

Personal Anniversary Web Part

Documents Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/9058087?s=460&u=43820d97a5aaf5719a4c98be59c673fb460f0001&v=4 company: gitHubAccount:DimchoTsanov name:Dimcho Tsanov pictureUrl:/sp-dev-fx-webparts/images/avatars/dimchotsanov.0c78a9ac3a67.webp twitter:DimchoTsanov]

Documents Web Part

Holiday calendar

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

Holiday calendar

Applications Secrets Expiration Web Part

map[avatarSourceUrl:https://github.com/a1mery.png gitHubAccount:a1mery name:Aimery Thomas pictureUrl:/sp-dev-fx-webparts/images/avatars/a1mery.74b01cb838c6.webp twitter:aimery_thomas]

Applications Secrets Expiration Web Part

Emoji Ratings Web Part

Tree Organization Web Part

Hide Lists Web Part

map[avatarSourceUrl:https://github.com/SandeepDev365.png gitHubAccount:SandeepDev365 name:Sandeep Unnikrishnan pictureUrl:/sp-dev-fx-webparts/images/avatars/sandeepdev365.8327f5865a30.webp]

Hide Lists Web Part

Web Part Using PnPJS with MS Graph

map[avatarSourceUrl:https://github.com/s-KaiNet.png company:Mastaq gitHubAccount:s-KaiNet name:Sergei Sergeev pictureUrl:/sp-dev-fx-webparts/images/avatars/s-kainet.a1d1aea0ce15.webp twitter:sergeev_srg]

Web Part Using PnPJS with MS Graph

Links web part

Bootstrap Slider Web Part Built with jQuery v1.x and Boostrap v3.x

Consuming Dataverse API using SPFx

map[avatarSourceUrl:https://github.com/mgwojciech.png gitHubAccount:mgwojciech name:Marcin Wojciechowski pictureUrl:/sp-dev-fx-webparts/images/avatars/mgwojciech.f398ceb6f651.webp]

Consuming Dataverse API using SPFx

Frequently Asked Questions Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/26612087?s=460&v=4 company: gitHubAccount:ashokswain7 name:Ashok Swain pictureUrl:/sp-dev-fx-webparts/images/avatars/ashokswain7.35aa5b94c47a.webp]

Frequently Asked Questions Web Part

Countdown Timer Web Part

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Countdown Timer Web Part

Instagram Feed Web Part

map[avatarSourceUrl:https://github.com/reshmee011.png gitHubAccount:reshmee011 name:Reshmee Auckloo pictureUrl:/sp-dev-fx-webparts/images/avatars/reshmee011.f97d9d74f634.webp]

Instagram Feed Web Part

Organization Chart Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png company:Storm Technology gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp twitter:joaojmendes]

Organization Chart Web Part

Feedback Form Web Part

SPUPS Property Sync Web Part

React Hooks Form Web Part

map[avatarSourceUrl:https://github.com/AdrianDiaz81.png gitHubAccount:AdrianDiaz81 name:Adrian Diaz Cervera pictureUrl:/sp-dev-fx-webparts/images/avatars/adriandiaz81.8ebea5e5e2f4.webp]

React Hooks Form Web Part

Organisation Chart Web Part

map[avatarSourceUrl:https://github.com/vman.png company: gitHubAccount:vman name:Vardhaman Deshpande pictureUrl:/sp-dev-fx-webparts/images/avatars/vman.6637770fde43.webp]

Organisation Chart Web Part

Copilot Agent - HR Assistant

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Copilot Agent - HR Assistant

My Dashboard Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

My Dashboard Web Part

Personal Dashboard

map[avatarSourceUrl:https://github.com/saurabh7019.png gitHubAccount:saurabh7019 name:Saurabh Tripathi pictureUrl:/sp-dev-fx-webparts/images/avatars/saurabh7019.1c80cfa0d82a.webp]

Personal Dashboard

Single-Sign On Bot Framework Web Part

map[avatarSourceUrl:https://github.com/DingmaomaoBJTU.png company:Microsoft gitHubAccount:DingmaomaoBJTU name:Qiong Wu pictureUrl:/sp-dev-fx-webparts/images/avatars/dingmaomaobjtu.4c988b95ed77.webp]

Single-Sign On Bot Framework Web Part

SPFx FAQ Accordion Web Part

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png company:Exobe gitHubAccount:NicolasKheirallah name:Nicolas Kheirallah pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

SPFx FAQ Accordion Web Part

Save Attachments Web Part

Site User and Group Information Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/5949502?s=460&u=01688c475aa5c94da6a292473ff80ffe1a7975cb&v=4 company:Watford Consulting Ltd. gitHubAccount:danwatford name:Daniel Watford pictureUrl:/sp-dev-fx-webparts/images/avatars/danwatford.d784c753790b.webp twitter:DanWatford]

Site User and Group Information Web Part

Flow Button Web Part

map[avatarSourceUrl:https://github.com/karamem0.png gitHubAccount:karamem0 name:Takashi Shinohara pictureUrl:/sp-dev-fx-webparts/images/avatars/karamem0.1acdcf68c38a.webp]

Flow Button Web Part

Sites Selected Admin

map[avatarSourceUrl:https://github.com/fthorild.png company:Sogeti Sweden gitHubAccount:fthorild name:Fredrik Thorild pictureUrl:/sp-dev-fx-webparts/images/avatars/fthorild.3e751861432b.webp twitter:taxonomythorild]

Sites Selected Admin

Microsoft Graph People Search Web Part

map[avatarSourceUrl:https://github.com/YannickRe.png company: gitHubAccount:YannickRe name:Yannick Reekmans pictureUrl:/sp-dev-fx-webparts/images/avatars/yannickre.4328e14b49c8.webp twitter:Qubix]

Microsoft Graph People Search Web Part

TinyMCE Editor Web Part Integration with SharePoint

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/10480670?s=460&v=4 company: gitHubAccount:AustinBreslinDev name:Austin Breslin pictureUrl:/sp-dev-fx-webparts/images/avatars/austinbreslindev.148b76bb4c9a.webp]

TinyMCE Editor Web Part Integration with SharePoint

Display Employee Spotlight JavaScript Client-Side Web Part

map[avatarSourceUrl:https://github.com/brk114.png company:TechDimension IT Solutions gitHubAccount:brk114 name:Ravi Kumar Bomma pictureUrl:/sp-dev-fx-webparts/images/avatars/brk114.fe124bd78d9a.webp]

Display Employee Spotlight JavaScript Client-Side Web Part

Greeting client-side web part

map[avatarSourceUrl:https://github.com/gauravgoyal5.png company:BizPortals Solutions gitHubAccount:gauravgoyal5 name:Gaurav Goyal pictureUrl:/sp-dev-fx-webparts/images/avatars/gauravgoyal5.b94a96c03b41.webp]

Greeting client-side web part

Minesweeper Web Part

map[avatarSourceUrl:https://github.com/PieterHeemeryck.png company: gitHubAccount:PieterHeemeryck name:Pieter Heemeryck pictureUrl:/sp-dev-fx-webparts/images/avatars/pieterheemeryck.ec18a5bbb272.webp]

Minesweeper Web Part

Document Card FAQ Web Part

map[avatarSourceUrl:https://github.com/SamC148.png gitHubAccount:SamC148 name:Sam Collins pictureUrl:/sp-dev-fx-webparts/images/avatars/samc148.cd0def27be6b.webp twitter:samc148]

Document Card FAQ Web Part

Aggregated Calendar Web part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/13947393?s=460&u=38d18e840d22f5567d508027515c728025bae8cb&v=4 company: gitHubAccount:dhavalshah01 name:Dhaval Shah pictureUrl:/sp-dev-fx-webparts/images/avatars/dhavalshah01.0b9532c016f5.webp]

Aggregated Calendar Web part

React Jest Testing sample Web Part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

React Jest Testing sample Web Part

Embed a PowerBI report in a Client-Side Web Part

map[avatarSourceUrl:https://github.com/roldengarm.png company: gitHubAccount:roldengarm name:Roland Oldengarm pictureUrl:/sp-dev-fx-webparts/images/avatars/roldengarm.eda515052908.webp]

Embed a PowerBI report in a Client-Side Web Part

Accordion Section FAQ Builder Web Part

map[avatarSourceUrl:https://github.com/ejbenke.png company: gitHubAccount:ejbenke name:Erik Benke pictureUrl:/sp-dev-fx-webparts/images/avatars/ejbenke.f2df6431a2e6.webp twitter:erikjbenke]

Accordion Section FAQ Builder Web Part

My OneDrive

Communicate using elevated privileges with SharePoint

World Time Web Part

map[avatarSourceUrl:https://github.com/eoverfield.png gitHubAccount:eoverfield name:Eric Overfield pictureUrl:/sp-dev-fx-webparts/images/avatars/eoverfield.29624c9e405b.webp]

World Time Web Part

Item History Web Part

map[avatarSourceUrl:https://github.com/russgove.png company: gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Item History Web Part

Add Form Customizer to List Web Part

Quick Links Hierarchy

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Quick Links Hierarchy

React UI Editor

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

React UI Editor

Save to User Application Personal Folder in OneDrive

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

Save to User Application Personal Folder in OneDrive

Consume Northwind Microsoft database from Azure using a Function App

map[avatarSourceUrl:https://github.com/jtlivio.png gitHubAccount:jtlivio name:Joao Livio pictureUrl:/sp-dev-fx-webparts/images/avatars/jtlivio.969fe0dcec53.webp]

Consume Northwind Microsoft database from Azure using a Function App

Chat with Semantic Kernel with Tools

map[avatarSourceUrl:https://github.com/petkir.png gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp]

Chat with Semantic Kernel with Tools

Feedback Web Part

map[avatarSourceUrl:https://github.com/perr124.png company: gitHubAccount:perr124 name:Perry Kankam pictureUrl:/sp-dev-fx-webparts/images/avatars/perr124.0c788d347e9e.webp]

Feedback Web Part

SharePoint Permissions Manager

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

SharePoint Permissions Manager

React Flag Template

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:sudeepghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

React Flag Template

Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise

RSS Reader

map[avatarSourceUrl:https://github.com/Abderahman88.png gitHubAccount:Abderahman88 name:Abderahman Moujahid pictureUrl:/sp-dev-fx-webparts/images/avatars/abderahman88.beeaab590de7.webp]

RSS Reader

Public Holidays Global

map[avatarSourceUrl:https://github.com/jtlivio.png gitHubAccount:jtlivio name:João Livio pictureUrl:/sp-dev-fx-webparts/images/avatars/jtlivio.969fe0dcec53.webp]

Public Holidays Global

Calling Azure OpenAI API in streaming mode web part

map[avatarSourceUrl:https://github.com/luismanez.png gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Calling Azure OpenAI API in streaming mode web part

Accessible Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Accessible Chart

Area Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Area Chart

Bar Chart (Static Data)

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Bar Chart (Static Data)

Bar Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Bar Chart

Bubble Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Bubble Chart

Chartinator

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Chartinator

Combo Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Combo Chart

Custom Plugin

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Custom Plugin

Doughnut with Patterns

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Doughnut with Patterns

Dynamic Data Callable

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Dynamic Data Callable

Dynamic Data Consumer

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Dynamic Data Consumer

Horizontal Bar

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Horizontal Bar

Line Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Line Chart

Pie Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Pie Chart

Polar Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Polar Chart

Radar Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Radar Chart

Real-Time Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Real-Time Chart

Scatter Chart

map[avatarSourceUrl:https://github.com/hugoabernier.png gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp]

Scatter Chart

Displaying the version number in a web part

Multilingual SharePoint Page Summarization Web Part with Open AI API and Microsoft Graph Pages API

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:anoopt name:Anoop Tatti pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp]

Multilingual SharePoint Page Summarization Web Part with Open AI API and Microsoft Graph Pages API

At a Glance Web Part

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:anoopt name:Anoop Tatti pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp]

At a Glance Web Part

Engage Hub

map[avatarSourceUrl:https://github.com/Sandeep-FED.png gitHubAccount:Sandeep-FED name:Sandeep P S pictureUrl:/sp-dev-fx-webparts/images/avatars/sandeep-fed.6784dfb80995.webp]

Engage Hub

Fluent UI Theme Variant Web Part

map[avatarSourceUrl:https://github.com/fabiofranzini.png gitHubAccount:fabiofranzini name:Fabio Franzini pictureUrl:/sp-dev-fx-webparts/images/avatars/fabiofranzini.261147de89b5.webp]

Fluent UI Theme Variant Web Part

External API calls tracking with Application Insights

map[avatarSourceUrl:https://github.com/kkazala.png gitHubAccount:kkazala name:Kinga Kazala pictureUrl:/sp-dev-fx-webparts/images/avatars/kkazala.9a23602eada3.webp]

External API calls tracking with Application Insights

React Bubble Template

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:sudeepghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

React Bubble Template

Accordion Web Part

map[avatarSourceUrl:https://github.com/gautamdsheth.png gitHubAccount:gautamdsheth name:Gautam Sheth pictureUrl:/sp-dev-fx-webparts/images/avatars/gautamdsheth.7a6f2e9e629a.webp]

Accordion Web Part

Quick Links Web Part

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

Quick Links Web Part

Flight Tracker

map[avatarSourceUrl:https://github.com/joaojmendes.png company:StaffBase gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp twitter:joaojmendes]

Flight Tracker

Invoice Generator Web Part

map[avatarSourceUrl:https://github.com/rishabhshukla12.png gitHubAccount:rishabhshukla12 name:Rishabh Shukla pictureUrl:/sp-dev-fx-webparts/images/avatars/rishabhshukla12.66073334546a.webp]

Invoice Generator Web Part

Quick Links Pro

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Quick Links Pro

Teams Tab Conversation View

My Tasks Web Part

Extending webpack in the SharePoint Framework toolchain

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Extending webpack in the SharePoint Framework toolchain

Training Checklist

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp]

Training Checklist

SPFx web part to Test PnpJS SharePoint Methods

Call custom Web API secured with AAD from SharePoint Framework client-side web part

SharePoint Framework Facebook Page Social Plugin web part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/7816483?s=460&u=d77bbdeda1e5fc389b11899f93b62a7d00475835&v=4 company:ARVO Systems gitHubAccount:koltyakov name:Andrew Koltyakov pictureUrl:/sp-dev-fx-webparts/images/avatars/koltyakov.88b7bdad557f.webp twitter:koltyakov]

SharePoint Framework Facebook Page Social Plugin web part

Ticket Management App

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

Ticket Management App

Modern Calendar Web Part

Supporting section backgrounds in your web parts

Global News Web Part (SP2019)

Project Online Web Part

Star Ratings Web Part

map[avatarSourceUrl:https://github.com/karamem0.png gitHubAccount:karamem0 name:Takashi Shinohara pictureUrl:/sp-dev-fx-webparts/images/avatars/karamem0.1acdcf68c38a.webp]

Star Ratings Web Part

Taxonomy Picker Web Part

map[avatarSourceUrl:https://github.com/jquintozamora.png company: gitHubAccount:jquintozamora name:Jose Quinto pictureUrl:/sp-dev-fx-webparts/images/avatars/jquintozamora.b415ce079b3b.webp]

Taxonomy Picker Web Part

Followed Drag and Drop Grid Web Part

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

Followed Drag and Drop Grid Web Part

Personal Email Web Part

Documents Links Accordion Web Part

Quick Links Grid

map[avatarSourceUrl:https://github.com/VenkadeshSundaramurthy.png gitHubAccount:VenkadeshSundaramurthy name:Venkadesh Sundaramurthy pictureUrl:/sp-dev-fx-webparts/images/avatars/venkadeshsundaramurthy.f672cea2784c.webp]

Quick Links Grid

News Banner Web Part

Company Stories Web Part

map[avatarSourceUrl:https://github.com/luismanez.png gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Company Stories Web Part

React Dynamic Poll

map[avatarSourceUrl:https://github.com/arigunawan.png gitHubAccount:arigunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

React Dynamic Poll

Tag Teams using a TermSet in SharePoint

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Tag Teams using a TermSet in SharePoint

Hub Site Navigator

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

Hub Site Navigator

My Personal Apps Web Part

React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme

map[avatarSourceUrl:https://github.com/paulryan.png company: gitHubAccount:paulryan name:Paul Ryan pictureUrl:/sp-dev-fx-webparts/images/avatars/paulryan.8a0c117e0a10.webp]

React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme

SPFx Personal Settings Solution

HTM (Hyperscript Tagged Markup) Templating Web Part

map[avatarSourceUrl:https://github.com/fabiofranzini.png gitHubAccount:fabiofranzini name:Fabio Franzini pictureUrl:/sp-dev-fx-webparts/images/avatars/fabiofranzini.261147de89b5.webp]

HTM (Hyperscript Tagged Markup) Templating Web Part

Todo Client Web Part built with Vue.js and Vue's single-file components

Teams Graph Upload as PDF Web Part

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

Teams Graph Upload as PDF Web Part

Consuming SPFX Service Scopes using React Hooks

map[avatarSourceUrl:https://github.com/garrytrinder.png company:CPS Global gitHubAccount:garrytrinder name:Garry Trinder pictureUrl:/sp-dev-fx-webparts/images/avatars/garrytrinder.f1c7dbd53aad.webp twitter:garrytrinder]

Consuming SPFX Service Scopes using React Hooks

List Items Menu (SP2019 Version)

Copilot Chat Bubble - With SSO integrated to SharePoint which summarizes sessions at ESPC 2024

map[avatarSourceUrl:https://github.com/NishkalankBezawada.png gitHubAccount:NishkalankBezawada name:Nishkalank Bezawada pictureUrl:/sp-dev-fx-webparts/images/avatars/nishkalankbezawada.271e437466c3.webp]

Copilot Chat Bubble - With SSO integrated to SharePoint which summarizes sessions at ESPC 2024

Chat GPT App Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Chat GPT App Web Part

My OneDrive Info

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

My OneDrive Info

Comparer Web Part with File Picker

Interactive Map Web Part

map[avatarSourceUrl:https://github.com/SPFxAppDev.png gitHubAccount:SPFxAppDev name:Sergej Schwabauer pictureUrl:/sp-dev-fx-webparts/images/avatars/spfxappdev.1c1d87228063.webp]

Interactive Map Web Part

Dynamic Accordion - FAQ Builder web part

Stock Information Web Part

Azure Active Directory implicit flow authentication sample web parts

Cascading managed metadata Web Part using Graph API

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/9694225?s=460&u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec&v=4 company:Content +Cloud gitHubAccount:anoopt name:Anoop Tatti pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp twitter:anooptells]

Cascading managed metadata Web Part using Graph API

React People Slick

map[avatarSourceUrl:https://github.com/ChinHoongLew.png gitHubAccount:ChinHoongLew name:Lew Chin Hoong pictureUrl:/sp-dev-fx-webparts/images/avatars/chinhoonglew.885fa743e7c6.webp]

React People Slick

Kanban Board Web part

map[avatarSourceUrl:https://github.com/RamPrasadMeenavalli.png company: gitHubAccount:RamPrasadMeenavalli name:Ram Prasad Meenavalli pictureUrl:/sp-dev-fx-webparts/images/avatars/ramprasadmeenavalli.707e29bc1343.webp twitter:ram_meenavalli]

Kanban Board Web part

Using Azure OpenAI Connectors API web part

map[avatarSourceUrl:https://github.com/luismanez.png gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Using Azure OpenAI Connectors API web part

MGT Events Web Part

Graph MGT Client Web Part

Azure Apps Web Part

map[avatarSourceUrl:https://github.com/Diksha-Bhura.png gitHubAccount:Diksha-Bhura name:Diksha Bhura pictureUrl:/sp-dev-fx-webparts/images/avatars/diksha-bhura.736fbe227e29.webp]

Azure Apps Web Part

SP Site ER Diagram

map[avatarSourceUrl:https://github.com/ICTNiklasWilhelm.png gitHubAccount:ICTNiklasWilhelm name:Niklas Wilhelm pictureUrl:/sp-dev-fx-webparts/images/avatars/ictniklaswilhelm.c8056b120e12.webp]

SP Site ER Diagram

Upgrade Me Web Part

Using Fluent UI 9 in SPFx web part

map[avatarSourceUrl:https://github.com/techienickb.png gitHubAccount:techienickb name:Nick Brown pictureUrl:/sp-dev-fx-webparts/images/avatars/techienickb.6e70e001b484.webp]

Using Fluent UI 9 in SPFx web part

Organization Directory

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Organization Directory

Angular multi-page client-side web part

SharePoint Custom Action Manager

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png gitHubAccount:NicolasKheirallah name:Nicolas Kheirallah pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

SharePoint Custom Action Manager

Staff Directory Web Part

Calendar Feed Web Part

map[avatarSourceUrl:https://github.com/hugoabernier.png company:Microsoft gitHubAccount:hugoabernier name:Hugo Bernier pictureUrl:/sp-dev-fx-webparts/images/avatars/hugoabernier.eea32675b0e6.webp twitter:bernierh]

Calendar Feed Web Part

Rich Text Editor - Fluent UI

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Rich Text Editor - Fluent UI

News Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

News Web Part

Integrating custom gulp tasks to SharePoint Framework toolchain

CSS in JS with SharePoint Framework and TypeStyle

Teams Creator Web Part

SPFx environment settings management web part

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

SPFx environment settings management web part

Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x

JavaScript Skype Status Web Part

map[avatarSourceUrl:https://github.com/baywet.png company:Microsoft gitHubAccount:baywet name:Vincent Biret pictureUrl:/sp-dev-fx-webparts/images/avatars/baywet.886b15b6bc0b.webp twitter:baywet]

JavaScript Skype Status Web Part

Taxonomy Web Part

Web Part Using jQuery loaded from CDN

Tab Accordion Web Part

map[avatarSourceUrl:https://github.com/arunkumarperumal.png gitHubAccount:arunkumarperumal name:Arun Kumar Perumal pictureUrl:/sp-dev-fx-webparts/images/avatars/arunkumarperumal.ae5061c4e344.webp]

Tab Accordion Web Part

Manage Microsoft Graph Open Extension in SPFx

Message Teams User Web Part

map[avatarSourceUrl:https://github.com/DRamalho92.png company:Storm Technology gitHubAccount:DRamalho92 name:David Ramalho pictureUrl:/sp-dev-fx-webparts/images/avatars/dramalho92.c7761b5a3e5f.webp]

Message Teams User Web Part

Questions and Answers Web Part

Web Part Using Dynamics CRM API

AnimPage Motion - Page Scroll Animations for Web Parts

map[avatarSourceUrl:https://github.com/dhiabedoui.png gitHubAccount:dhiabedoui name:dhiabedoui pictureUrl:/sp-dev-fx-webparts/images/avatars/dhiabedoui.df989efba89e.webp]

AnimPage Motion - Page Scroll Animations for Web Parts

Check User Group Web Part

GitHub Badge Web Part (React)

Script editor web part

Office Breakout

map[avatarSourceUrl:https://github.com/petkir.png gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp]

Office Breakout

Calendar Web Part

Enhanced Page Properties Web Part

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Enhanced Page Properties Web Part

Sitepages Metadata Web Part

map[avatarSourceUrl:https://github.com/olegrumiancev.png company: gitHubAccount:olegrumiancev name:Oleg Rumiancev pictureUrl:/sp-dev-fx-webparts/images/avatars/olegrumiancev.a92c41b27237.webp]

Sitepages Metadata Web Part

Connected Web Parts

map[avatarSourceUrl:https://github.com/guidozam.png gitHubAccount:guidozam name:Guido Zambarda pictureUrl:/sp-dev-fx-webparts/images/avatars/guidozam.7bd1ac0b8597.webp]

Connected Web Parts

Site Information Web Part

Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework Web Part

Youtube Web Part

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Youtube Web Part

SharePoint - Use different options to access SharePoint data

map[avatarSourceUrl:https://github.com/maschroeder-z.png gitHubAccount:maschroeder-z name:Marc André Schröder-Zhou pictureUrl:/sp-dev-fx-webparts/images/avatars/maschroeder-z.ee3d256a07e0.webp]

SharePoint - Use different options to access SharePoint data

rEmployee Recognition

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

rEmployee Recognition

Create To Do Task from Email (Outlook Add in)

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Create To Do Task from Email (Outlook Add in)

Web Part with Handlebars.js

map[avatarSourceUrl:https://github.com/StfBauer.png company:N8D gitHubAccount:StfBauer name:Stefan Bauer pictureUrl:/sp-dev-fx-webparts/images/avatars/stfbauer.b467bc96684c.webp twitter:stfbauer]

Web Part with Handlebars.js

Rhythm of Business Calendar Web Part

map[avatarSourceUrl:https://github.com/d-turley.png company:Avanade gitHubAccount:d-turley name:Dan Turley pictureUrl:/sp-dev-fx-webparts/images/avatars/d-turley.95462cacab14.webp]

Rhythm of Business Calendar Web Part

Site Collection App Catalogs Web Part

Web Part Details

map[avatarSourceUrl:https://github.com/Harshagracy.png company: gitHubAccount:Harshagracy name:Harsha Vardhini pictureUrl:/sp-dev-fx-webparts/images/avatars/harshagracy.cd9c28c71052.webp twitter:harshagracy]

Web Part Details

Employee ListView Contextual Menu

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

Employee ListView Contextual Menu

COVID 19 information web part

map[avatarSourceUrl:https://github.com/agtenr.png company: gitHubAccount:agtenr name:Robin Agten pictureUrl:/sp-dev-fx-webparts/images/avatars/agtenr.b4d36b461ad1.webp]

COVID 19 information web part

Property Pane Wrapper for HTML Controls

map[avatarSourceUrl:https://github.com/PathToSharePoint.png gitHubAccount:PathToSharePoint name:Christophe Humbert pictureUrl:/sp-dev-fx-webparts/images/avatars/pathtosharepoint.a56109c1033a.webp]

Property Pane Wrapper for HTML Controls

Target Audience Web Part

map[avatarSourceUrl:https://github.com/rabwill.png company:Microsoft gitHubAccount:rabwill name:Rabia Williams pictureUrl:/sp-dev-fx-webparts/images/avatars/rabwill.73c6650952a1.webp twitter:williamsrabia]

Target Audience Web Part

List Search Web Part

map[avatarSourceUrl:https://github.com/albegut.png company:Hiberus gitHubAccount:albegut name:Alberto Gutierrez perez pictureUrl:/sp-dev-fx-webparts/images/avatars/albegut.474e68c10a82.webp twitter:albertogperez]

List Search Web Part

SPUPS Photo Sync Web Part

File Upload web part using AngularJs

map[avatarSourceUrl:https://github.com/dipongkor.png company:Jashore University of Science and Technology gitHubAccount:dipongkor name:Atish Kumar Dipongkor pictureUrl:/sp-dev-fx-webparts/images/avatars/dipongkor.cdb0bce3f8c8.webp twitter:atish_iit]

File Upload web part using AngularJs

Document AI Chat using Kernel Memory

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Document AI Chat using Kernel Memory

List notifications + Microsoft Teams Integrations

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

List notifications + Microsoft Teams Integrations

React Events Feed Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

React Events Feed Web Part

React Hero Web Part

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

React Hero Web Part

Adaptive Card Host control web part

map[avatarSourceUrl:https://github.com/fabiofranzini.png gitHubAccount:fabiofranzini name:Fabio Franzini pictureUrl:/sp-dev-fx-webparts/images/avatars/fabiofranzini.261147de89b5.webp]

Adaptive Card Host control web part

Teams Tab - Field Visit Web Part (Mashup)

Modern Link Presenter

map[avatarSourceUrl:https://github.com/maschroeder-z.png gitHubAccount:maschroeder-z name:Marc André Schröder-Zhou pictureUrl:/sp-dev-fx-webparts/images/avatars/maschroeder-z.ee3d256a07e0.webp]

Modern Link Presenter

Search Client-Side Web Part Built with Angular v1.x

OneDrive Finder Web Part

map[avatarSourceUrl:https://github.com/aaclage.png gitHubAccount:aaclage name:André Lage pictureUrl:/sp-dev-fx-webparts/images/avatars/aaclage.f224864df00b.webp]

OneDrive Finder Web Part

Angular Elements with HTML Template File in SharePoint Framework

map[avatarSourceUrl:https://github.com/JayakumarB.png company:Hubfly gitHubAccount:JayakumarB name:Jayakumar Balasubramaniam pictureUrl:/sp-dev-fx-webparts/images/avatars/jayakumarb.54cf2e7eb03e.webp twitter:jayakumrb]

Angular Elements with HTML Template File in SharePoint Framework

Accessing Azure table storage data using Azure API Management Web Part

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Accessing Azure table storage data using Azure API Management Web Part

PiCanvas - Tabbed Page Sections

map[avatarSourceUrl:https://github.com/anthonyrhopkins.png gitHubAccount:anthonyrhopkins name:Anthony Hopkins pictureUrl:/sp-dev-fx-webparts/images/avatars/anthonyrhopkins.4f062ae9d60d.webp]

PiCanvas - Tabbed Page Sections

Word Game Web Part

map[avatarSourceUrl:https://github.com/nbarkhina.png company: gitHubAccount:nbarkhina name:Neil Barkhina pictureUrl:/sp-dev-fx-webparts/images/avatars/nbarkhina.477ec164e293.webp]

Word Game Web Part

Image Gallery Web Part

Teams My Webinars Web Part

map[avatarSourceUrl:https://github.com/techienickb.png gitHubAccount:techienickb name:Nick Brown pictureUrl:/sp-dev-fx-webparts/images/avatars/techienickb.6e70e001b484.webp]

Teams My Webinars Web Part

Deployment of SharePoint assets as part of SPFx package

map[avatarSourceUrl:https://github.com/VesaJuvonen.png company:Microsoft gitHubAccount:VesaJuvonen name:Vesa Juvonen pictureUrl:/sp-dev-fx-webparts/images/avatars/vesajuvonen.ca27a0fd2193.webp twitter:vesajuvonen]

Deployment of SharePoint assets as part of SPFx package

Multi-page client-side web part

Feedback Sidebar Web Part

map[avatarSourceUrl:https://github.com/AlessiaDeMartino.png gitHubAccount:AlessiaDeMartino name:Alessia De Martino pictureUrl:/sp-dev-fx-webparts/images/avatars/alessiademartino.a2ce39f89cd3.webp]

Feedback Sidebar Web Part

Filterable Image Gallery Web Part

Property Bag Navigation Web parts

map[avatarSourceUrl:https://github.com/russgove.png gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Property Bag Navigation Web parts

Web/Mobile Camera Demo Web Part

Skype Status Web Part

map[avatarSourceUrl:https://github.com/baywet.png company:Microsoft gitHubAccount:baywet name:Vincent Biret pictureUrl:/sp-dev-fx-webparts/images/avatars/baywet.886b15b6bc0b.webp twitter:baywet]

Skype Status Web Part

M365 Planner Timeline Web Part

map[avatarSourceUrl:https://github.com/billbrockbank.png gitHubAccount:billbrockbank name:Bill Brockbank pictureUrl:/sp-dev-fx-webparts/images/avatars/billbrockbank.3d36635c9c0e.webp]

M365 Planner Timeline Web Part

ReactiveX (RxJs) Event Emitter Web Part

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

ReactiveX (RxJs) Event Emitter Web Part

Azure Active Directory invitation manager Graph API samples

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Azure Active Directory invitation manager Graph API samples

React Who's In

map[avatarSourceUrl:https://github.com/sudeepghatak.png gitHubAccount:sudeepghatak name:Sudeep Ghatak pictureUrl:/sp-dev-fx-webparts/images/avatars/sudeepghatak.72498f95b645.webp]

React Who's In

Web Part Report

map[avatarSourceUrl:https://github.com/a1mery.png gitHubAccount:a1mery name:Aimery Thomas pictureUrl:/sp-dev-fx-webparts/images/avatars/a1mery.74b01cb838c6.webp]

Web Part Report

Twitter Timeline Web Part

Carousel Web Part

GitHub Profile Web Part Display via API

map[avatarSourceUrl:https://github.com/divya-akula.png gitHubAccount:divya-akula name:Divya Akula pictureUrl:/sp-dev-fx-webparts/images/avatars/divya-akula.a2824b7dd5dc.webp]

GitHub Profile Web Part Display via API

People Picker Web Part

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

People Picker Web Part

My Awards Web Part

map[avatarSourceUrl:https://github.com/luismanez.png gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

My Awards Web Part

Teams Messages Web Part

My Events Web Part

List Subscription Web Part

Advanced Page Properties Web Part

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/16476453?v=4 company:Macaw gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp twitter:ValerasNarbutas]

Advanced Page Properties Web Part

Targeted News Web Part using Microsoft Graph Open Extension

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Targeted News Web Part using Microsoft Graph Open Extension

Poll Web Part

map[avatarSourceUrl:https://github.com/Harsh24491.png gitHubAccount:Harsh24491 name:Harsh Bhavsar pictureUrl:/sp-dev-fx-webparts/images/avatars/harsh24491.6b5a8da3403d.webp]

Poll Web Part

Outlook to Teams Web Part

map[avatarSourceUrl:https://github.com/mmsharepoint.png company:Avanade gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp twitter:moeller2_0]

Outlook to Teams Web Part

Service Health for Microsoft 365 Web Part

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

Service Health for Microsoft 365 Web Part

Quick Register to Appointment (SharePoint Event page)

map[avatarSourceUrl:https://github.com/maschroeder-z.png gitHubAccount:https://github.com/maschroeder-z name:Marc André Schröder-Zhou pictureUrl:/sp-dev-fx-webparts/images/avatars/maschroeder-z.ee3d256a07e0.webp]

Quick Register to Appointment (SharePoint Event page)

Copilot April's Fool

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp]

Copilot April's Fool

My Favourites Application Customizer

React Message Banner

map[avatarSourceUrl:https://github.com/pmatthews05.png company:CF Code gitHubAccount:pmatthews05 name:Paul Matthews pictureUrl:/sp-dev-fx-webparts/images/avatars/pmatthews05.4ca71335a754.webp twitter:cann0nf0dder]

React Message Banner

Microsoft 365 Service Health Extension

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:https://github.com/joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

Microsoft 365 Service Health Extension

Displaying the current user permission with PNPJs

map[avatarSourceUrl:https://github.com/simonagren.png company:Sogeti gitHubAccount:simonagren name:Simon Ågren pictureUrl:/sp-dev-fx-webparts/images/avatars/simonagren.0debe618d791.webp]

Displaying the current user permission with PNPJs

Animated Progress Field

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Animated Progress Field

Modern Version History

map[avatarSourceUrl:https://github.com/Tanddant.png gitHubAccount:Tanddant name:Dan Toft pictureUrl:/sp-dev-fx-webparts/images/avatars/tanddant.b503735bca0d.webp]

Modern Version History

SharePoint Page Indexer

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/46020510?v=4 gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

SharePoint Page Indexer

Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles

Microsoft Clarity for modern SharePoint

map[avatarSourceUrl:https://github.com/joaoferreira.png gitHubAccount:joaoferreira name:João Ferreira pictureUrl:/sp-dev-fx-webparts/images/avatars/joaoferreira.98fcec68e7e9.webp]

Microsoft Clarity for modern SharePoint

Application Customiser sample using Text Analytics API

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Application Customiser sample using Text Analytics API

Copy Page SPFx Application Customizer

map[avatarSourceUrl:https://github.com/ahmad-jad-alhak.png gitHubAccount:https://github.com/ahmad-jad-alhak name:Ahmad Jad Alhak pictureUrl:/sp-dev-fx-webparts/images/avatars/ahmad-jad-alhak.5d2730987f4b.webp]

Copy Page SPFx Application Customizer

Hide Commands

map[avatarSourceUrl:https://github.com/russgove.png company: gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Hide Commands

Jump to folder extension

React-Manage-List-Subscriptions

Alerts Application Customizers

Dynamic Site Form

map[avatarSourceUrl:https://github.com/martinlingstuyl.png gitHubAccount:martinlingstuyl name:Martin Lingstuyl pictureUrl:/sp-dev-fx-webparts/images/avatars/martinlingstuyl.aebd896bd85b.webp]

Dynamic Site Form

Field Votes

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

Field Votes

MSAL Bot Extension

map[avatarSourceUrl:https://github.com/FranckyC.png company:Aequos gitHubAccount:FranckyC name:Franck Cornu pictureUrl:/sp-dev-fx-webparts/images/avatars/franckyc.763d6d5c0f5f.webp]

MSAL Bot Extension

SharePoint Collaboration Footer v8.0.0

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png gitHubAccount:https://github.com/NicolasKheirallah name:Nico pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

SharePoint Collaboration Footer v8.0.0

Copy/Move Item(s)

Portal Footer Application Customizers

Google Analytics Application Customizer

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Google Analytics Application Customizer

Get a direct link to a document or folder

map[avatarSourceUrl:https://github.com/JonasBjerke89.png gitHubAccount:JonasBjerke89 name:Jonas Bjerke Hansen pictureUrl:/sp-dev-fx-webparts/images/avatars/jonasbjerke89.0e928c931b8c.webp]

Get a direct link to a document or folder

Form Settings Command View Set

Smart Context - AI-Powered Page Insights

map[avatarSourceUrl:https://github.com/fredupstair.png gitHubAccount:fredupstair name:Federico Porceddu pictureUrl:/sp-dev-fx-webparts/images/avatars/fredupstair.73c948d7c785.webp]

Smart Context - AI-Powered Page Insights

My Followed Sites Application Customizer

map[avatarSourceUrl:https://github.com/rahulsuryawanshi.png company: gitHubAccount:rahulsuryawanshi name:Rahul Suryawanshi pictureUrl:/sp-dev-fx-webparts/images/avatars/rahulsuryawanshi.1a1c2c8d5acc.webp twitter:rahulsuryawansh]

My Followed Sites Application Customizer

Google Tag Manager Injector

map[avatarSourceUrl:https://github.com/saiiiiiii.png gitHubAccount:saiiiiiii name:@saiiiiiii pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

Google Tag Manager Injector

Tenant Telemetry Application Customizer

map[avatarSourceUrl:https://github.com/ValerasNarbutas.png gitHubAccount:ValerasNarbutas name:Valeras Narbutas pictureUrl:/sp-dev-fx-webparts/images/avatars/valerasnarbutas.ffa68e683412.webp]

Tenant Telemetry Application Customizer

Discuss Now Command Set

Connecting SPFx Extensions with Web Parts using Dynamic Data

map[avatarSourceUrl:https://github.com/AdrianDiaz81.png company:SCRM gitHubAccount:AdrianDiaz81 name:Adrián Díaz pictureUrl:/sp-dev-fx-webparts/images/avatars/adriandiaz81.8ebea5e5e2f4.webp]

Connecting SPFx Extensions with Web Parts using Dynamic Data

Menu Footer Classic Modern

Site Header Toggler

Modern Team Sites (Office Groups) Navigation

Logo Festoon

Power Virtual Agents Bot Host

Bot Framework SSO

map[avatarSourceUrl:https://github.com/DingmaomaoBJTU.png company:Microsoft gitHubAccount:DingmaomaoBJTU name:Qiong Wu pictureUrl:/sp-dev-fx-webparts/images/avatars/dingmaomaobjtu.4c988b95ed77.webp]

Bot Framework SSO

Command Document Translation

map[avatarSourceUrl:https://github.com/ramin-ahmadi.png gitHubAccount:ramin-ahmadi name:Ramin Ahmadi pictureUrl:/sp-dev-fx-webparts/images/avatars/ramin-ahmadi.5ee473df3a93.webp]

Command Document Translation

Toggle Field Customizer

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]

Toggle Field Customizer

Image Editor Command Set

Field Attachment Info

Item History

map[avatarSourceUrl:https://github.com/russgove.png company: gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Item History

Application Alert Message

Chatbot Integration for SharePoint Online

map[avatarSourceUrl:https://github.com/NicolasKheirallah.png gitHubAccount:https://github.com/NicolasKheirallah name:Nicolas Kheirallah pictureUrl:/sp-dev-fx-webparts/images/avatars/nicolaskheirallah.50f81b9fb5b9.webp]

Chatbot Integration for SharePoint Online

News Ticker

map[avatarSourceUrl:https://github.com/AriGunawan.png gitHubAccount:AriGunawan name:Ari Gunawan pictureUrl:/sp-dev-fx-webparts/images/avatars/arigunawan.d8e771e0c819.webp]

News Ticker

Field Customiser sample using Text Analytics API

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Field Customiser sample using Text Analytics API

Unique Item Permissions Command Set Customizer

SharePoint Page Indexer

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/46020510?v=4 gitHubAccount:saiiiiiii name:Sai Siva Ram Bandaru pictureUrl:/sp-dev-fx-webparts/images/avatars/saiiiiiii.b1e132237a67.webp]

SharePoint Page Indexer

Dynamic Form with location picker

map[avatarSourceUrl:https://github.com/martinlingstuyl.png gitHubAccount:martinlingstuyl name:Martin Lingstuyl pictureUrl:/sp-dev-fx-webparts/images/avatars/martinlingstuyl.aebd896bd85b.webp]

Dynamic Form with location picker

Toastr Application Customizer

My Flows List

map[avatarSourceUrl:https://github.com/Adam-it.png gitHubAccount:Adam-it name:Adam Wójcik pictureUrl:/sp-dev-fx-webparts/images/avatars/adam-it.38c80c88770d.webp]

My Flows List

PnP File Type Renderer

List-Driven Placeholders

map[avatarSourceUrl:https://github.com/mjimison.png company:Allegient gitHubAccount:mjimison name:Matt Jimison pictureUrl:/sp-dev-fx-webparts/images/avatars/mjimison.652a73582cc6.webp]

List-Driven Placeholders

Tenant Global NavBar

map[avatarSourceUrl:https://github.com/vipulkelkar.png company:Rapid Circle gitHubAccount:vipulkelkar name:Vipul Kelkar pictureUrl:/sp-dev-fx-webparts/images/avatars/vipulkelkar.62f43d10d97d.webp]

Tenant Global NavBar

React Document Reporting Field Customizer

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

React Document Reporting Field Customizer

Drive Item Properties List view command set extension

map[avatarSourceUrl:https://github.com/HarminderSethi.png gitHubAccount:https://github.com/HarminderSethi name:Harminder Singh pictureUrl:/sp-dev-fx-webparts/images/avatars/harmindersethi.1d1b349b140b.webp]

Drive Item Properties List view command set extension

Get Thumbnail List Item Command View Set

Bot Framework Secure

map[avatarSourceUrl:https://github.com/DingmaomaoBJTU.png company:Microsoft gitHubAccount:DingmaomaoBJTU name:Qiong Wu pictureUrl:/sp-dev-fx-webparts/images/avatars/dingmaomaobjtu.4c988b95ed77.webp]

Bot Framework Secure

File Size Viewer sample with Command View Set

map[avatarSourceUrl:https://github.com/jquintozamora.png company: gitHubAccount:jquintozamora name:Jose Quinto pictureUrl:/sp-dev-fx-webparts/images/avatars/jquintozamora.b415ce079b3b.webp]

File Size Viewer sample with Command View Set

Clone ListView Command Set

configure a Page as Single App Part page

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

configure a Page as Single App Part page

Export Selected Items to Excel

map[avatarSourceUrl:https://github.com/rjesh-git.png company:CoreBTS gitHubAccount:rjesh-git name:Rajesh Sitaraman pictureUrl:/sp-dev-fx-webparts/images/avatars/rjesh-git.93f284e1f73b.webp]

Export Selected Items to Excel

Weather Application Customizer Extension

map[avatarSourceUrl:https://github.com/rishabhshukla12.png gitHubAccount:rishabhshukla12 name:Rishabh Shukla pictureUrl:/sp-dev-fx-webparts/images/avatars/rishabhshukla12.66073334546a.webp]

Weather Application Customizer Extension

Groups external links

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Groups external links

Item Order

Announcements SharePoint Framework Application Customizer

map[avatarSourceUrl:https://github.com/thespooler.png gitHubAccount:thespooler name:Mike Myers pictureUrl:/sp-dev-fx-webparts/images/avatars/thespooler.717536ff42ab.webp]

Announcements SharePoint Framework Application Customizer

My Lists Notifications

map[avatarSourceUrl:https://github.com/joaojmendes.png gitHubAccount:joaojmendes name:João Mendes pictureUrl:/sp-dev-fx-webparts/images/avatars/joaojmendes.27bf35a0f6fc.webp]

My Lists Notifications

JS Application AppInsights Advanced

Intranet Search Box

map[avatarSourceUrl:https://github.com/MartinHatch.png company: gitHubAccount:MartinHatch name:Martin Hatch pictureUrl:/sp-dev-fx-webparts/images/avatars/martinhatch.6bb003cdf425.webp]

Intranet Search Box

Sites in Hub site switcher

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Sites in Hub site switcher

Mail Current View as Image

Run Once SharePoint Framework application customizer

map[avatarSourceUrl:https://github.com/wobba.png company:Microsoft gitHubAccount:wobba name:Mikael Svenson pictureUrl:/sp-dev-fx-webparts/images/avatars/wobba.dfcb4ef5320a.webp twitter:mikaelsvenson]

Run Once SharePoint Framework application customizer

Slider Field Customizer

AI Document Assistant

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:https://github.com/ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

AI Document Assistant

Send-To-Teams - Command Set

Convert documents to PDF using Azure function

Application Customizer Quick Create

map[avatarSourceUrl:https://github.com/alecwantstobattle.png gitHubAccount:alecwantstobattle name:Alec Tecson pictureUrl:/sp-dev-fx-webparts/images/avatars/alecwantstobattle.5cea48fdeb26.webp]

Application Customizer Quick Create

AAD Token Provider Bot Extension

map[avatarSourceUrl:https://github.com/FranckyC.png company:Aequos gitHubAccount:FranckyC name:Franck Cornu pictureUrl:/sp-dev-fx-webparts/images/avatars/franckyc.763d6d5c0f5f.webp]

AAD Token Provider Bot Extension

Folder Selection

map[avatarSourceUrl:https://github.com/zachroberts8668.png company: gitHubAccount:zachroberts8668 name:Zach Roberts pictureUrl:/sp-dev-fx-webparts/images/avatars/zachroberts8668.1117540c9446.webp]

Folder Selection

QnA Chatbot

map[avatarSourceUrl:https://github.com/RodrigoSilva.png gitHubAccount:na name:Rodrigo Silva pictureUrl:/sp-dev-fx-webparts/images/avatars/na.991a9d18cdb3.webp]

QnA Chatbot

Guest Message

map[avatarSourceUrl:https://github.com/DRamalho92.png company:Storm Technology gitHubAccount:DRamalho92 name:David Ramalho pictureUrl:/sp-dev-fx-webparts/images/avatars/dramalho92.c7761b5a3e5f.webp]

Guest Message

Add Folders Command

map[avatarSourceUrl:https://github.com/michaelmaillot.png company:onepoint gitHubAccount:michaelmaillot name:Michaël Maillot pictureUrl:/sp-dev-fx-webparts/images/avatars/michaelmaillot.15b30def3bae.webp]

Add Folders Command

Share to Teams

map[avatarSourceUrl:https://github.com/kunj-sangani.png gitHubAccount:kunj-sangani name:Kunj Sangani pictureUrl:/sp-dev-fx-webparts/images/avatars/kunj-sangani.b0aab1ba120b.webp]

Share to Teams

Breadcrumb application customizer

Image Metadata from Cognitive Services Vision API List View Command Set

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Image Metadata from Cognitive Services Vision API List View Command Set

Announcements SharePoint Framework application customizer

React Form Customizer (Customers)

map[avatarSourceUrl:https://github.com/ejazhussain.png company:Content & Cloud gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp twitter:EjazHussain_]

React Form Customizer (Customers)

Copy Path and Copy Name List view command set extensions

Save and convert as PDF by PnP

map[avatarSourceUrl:https://github.com/wobba.png company:Microsoft gitHubAccount:wobba name:Mikael Svenson pictureUrl:/sp-dev-fx-webparts/images/avatars/wobba.dfcb4ef5320a.webp twitter:mikaelsvenson]

Save and convert as PDF by PnP

GraphClient from Modern Teamsite

map[avatarSourceUrl:https://github.com/simonagren.png company:Sogeti gitHubAccount:simonagren name:Simon Ågren pictureUrl:/sp-dev-fx-webparts/images/avatars/simonagren.0debe618d791.webp]

GraphClient from Modern Teamsite

Modern Page Model with PnP/PnPjs

Custom Command Bar Command Set Customizer

PnP Field Renderer Helper

Redirect Application Customizers

Generate QR Code List Item Command View Set

Copy PnP search results webpart settings

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:anoopt name:Anoop Tatti pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp twitter:anooptells]

Copy PnP search results webpart settings

Transport for London (TfL) Status

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:Anoop Tatti name:anoopt pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp]

Transport for London (TfL) Status

Associated Sites Links

map[avatarSourceUrl:https://github.com/russgove.png gitHubAccount:russgove name:Russell Gove pictureUrl:/sp-dev-fx-webparts/images/avatars/russgove.6eb4ebcc8a07.webp]

Associated Sites Links

Embed Microsoft Teams chats in SharePoint pages

map[avatarSourceUrl:https://github.com/joaoferreira.png gitHubAccount:joaoferreira name:João Ferreira pictureUrl:/sp-dev-fx-webparts/images/avatars/joaoferreira.98fcec68e7e9.webp]

Embed Microsoft Teams chats in SharePoint pages

Displaying notification if a team is set as archived

map[avatarSourceUrl:https://github.com/mpaukkon.png company: gitHubAccount:mpaukkon name:Matti Paukkonen pictureUrl:/sp-dev-fx-webparts/images/avatars/mpaukkon.c4a9b8165805.webp]

Displaying notification if a team is set as archived

Copy Classic Link Extension

Demote News to Page

map[avatarSourceUrl:https://github.com/wobba.png company:Microsoft gitHubAccount:wobba name:Mikael Svenson pictureUrl:/sp-dev-fx-webparts/images/avatars/wobba.dfcb4ef5320a.webp twitter:mikaelsvenson]

Demote News to Page

Machine Translations

map[avatarSourceUrl:https://github.com/agtenr.png company: gitHubAccount:agtenr name:Robin Agten pictureUrl:/sp-dev-fx-webparts/images/avatars/agtenr.b4d36b461ad1.webp]

Machine Translations

Regions Footer Application Customizer

Overdue Tasks Application Customizer

Notification Application Customizer with Webhooks

map[avatarSourceUrl:https://avatars.githubusercontent.com/u/13046662?v=4 company:PiaSys S.r.l. gitHubAccount:GuidoZam name:Guido Zambarda pictureUrl:/sp-dev-fx-webparts/images/avatars/guidozam.7bd1ac0b8597.webp twitter:iamguidozam]

Notification Application Customizer with Webhooks

Tenant Global NavBar Application Customizer

Application Customiser sample using Bing Search API

map[avatarSourceUrl:https://github.com/luismanez.png company:ClearPeople gitHubAccount:luismanez name:Luis Mañez pictureUrl:/sp-dev-fx-webparts/images/avatars/luismanez.6898164f4a40.webp]

Application Customiser sample using Bing Search API

Conditional formatting SharePoint Framework field customizer

Bot Framework Chat App Customizer

map[avatarSourceUrl:https://github.com/stephanbisser.png company: gitHubAccount:stephanbisser name:Stephan Bisser pictureUrl:/sp-dev-fx-webparts/images/avatars/stephanbisser.7fac3e692cd1.webp]

Bot Framework Chat App Customizer

My Sites Hub

map[avatarSourceUrl:https://github.com/Sandeep-FED.png gitHubAccount:https://github.com/Sandeep-FED name:Sandeep P S pictureUrl:/sp-dev-fx-webparts/images/avatars/sandeep-fed.6784dfb80995.webp]

My Sites Hub

CSS Injection

Company Templates

map[avatarSourceUrl:https://github.com/tmaestrini.png gitHubAccount:tmaestrini name:Tobias Maestrini pictureUrl:/sp-dev-fx-webparts/images/avatars/tmaestrini.bcedfa49fda4.webp]

Company Templates

Unique permissions on list items

map[avatarSourceUrl:https://github.com/mkm17.png gitHubAccount:mkm17 name:Michał Kornet pictureUrl:/sp-dev-fx-webparts/images/avatars/mkm17.bdbe1d728585.webp]

Unique permissions on list items

Send Document With E-Mail

map[avatarSourceUrl:https://github.com/serdarketenci.png company: gitHubAccount:serdarketenci name:Serdar Ketenci pictureUrl:/sp-dev-fx-webparts/images/avatars/serdarketenci.68fcb108d1ee.webp]

Send Document With E-Mail

Personal Assistant - OpenAI Function Calling with Microsoft Graph

map[avatarSourceUrl:https://github.com/anoopt.png gitHubAccount:anoopt name:Anoop Tatti pictureUrl:/sp-dev-fx-webparts/images/avatars/anoopt.1ab4e05a217d.webp]

Personal Assistant - OpenAI Function Calling with Microsoft Graph

Application Customizer Extension that is hidden from tenant guest users

map[avatarSourceUrl:https://github.com/Mahyar915.png gitHubAccount:Mahyar915 name:Mohammad Mahyar Pourabdollah Khadar pictureUrl:/sp-dev-fx-webparts/images/avatars/mahyar915.a22a86faf1bc.webp]

Application Customizer Extension that is hidden from tenant guest users

Priority Field SharePoint Framework field customizer

map[avatarSourceUrl:https://github.com/TBag.png company:Canviz LLC gitHubAccount:TBag name:Todd Baginski pictureUrl:/sp-dev-fx-webparts/images/avatars/tbag.3ac578076db3.webp]

Priority Field SharePoint Framework field customizer

Weather SharePoint Framework field customizer

Custom Dialog Sample with Command View Set

map[avatarSourceUrl:https://github.com/msekkappan.png company:Microsoft gitHubAccount:msekkappan name:Malathi Sekkappan pictureUrl:/sp-dev-fx-webparts/images/avatars/msekkappan.ccba617d17e9.webp]

Custom Dialog Sample with Command View Set

Multishare Command Extension with PnPJs

map[avatarSourceUrl:https://github.com/simonagren.png company:Sogeti gitHubAccount:simonagren name:Simon Ågren pictureUrl:/sp-dev-fx-webparts/images/avatars/simonagren.0debe618d791.webp]

Multishare Command Extension with PnPJs

Mega Menu Application Customizer Extension

map[avatarSourceUrl:https://github.com/VelinGeorgiev.png company: gitHubAccount:VelinGeorgiev name:Velin Georgiev pictureUrl:/sp-dev-fx-webparts/images/avatars/velingeorgiev.75a8d92cb632.webp]

Mega Menu Application Customizer Extension

Search driven navigation

map[avatarSourceUrl:https://github.com/mmsharepoint.png gitHubAccount:mmsharepoint name:Markus Moeller pictureUrl:/sp-dev-fx-webparts/images/avatars/mmsharepoint.e37998106459.webp]

Search driven navigation

Lock Item Command Set Customizer

Directions SharePoint Framework list view command set

Move Document to Blob Storage Command

map[avatarSourceUrl:https://github.com/petkir.png company:ACP Cubido gitHubAccount:petkir name:Peter Paul Kirschner pictureUrl:/sp-dev-fx-webparts/images/avatars/petkir.1b17ee0657a4.webp]

Move Document to Blob Storage Command

Injecting Javascript with Sharepoint Framework Extensions - Azure Application Insights

map[avatarSourceUrl:https://github.com/GSellier.png company:Microsoft gitHubAccount:GSellier name:Guillaume Sellier pictureUrl:/sp-dev-fx-webparts/images/avatars/gsellier.b2372bf9047f.webp]

Injecting Javascript with Sharepoint Framework Extensions - Azure Application Insights

Authenticated Power Automate Flow Trigger - SPFx CommandSet Extension

map[avatarSourceUrl:https://github.com/ejazhussain.png gitHubAccount:ejazhussain name:Ejaz Hussain pictureUrl:/sp-dev-fx-webparts/images/avatars/ejazhussain.1f40dda40472.webp]

Authenticated Power Automate Flow Trigger - SPFx CommandSet Extension

Print List Item Command View Set

Change Page Layout Command Extension

map[avatarSourceUrl:https://github.com/sudharsank.png company:NTT Ltd gitHubAccount:sudharsank name:Sudharsan K. pictureUrl:/sp-dev-fx-webparts/images/avatars/sudharsank.416ed5d2b87f.webp]

Change Page Layout Command Extension

Festivals Extension

map[avatarSourceUrl:https://github.com/arjunumenon.png company: gitHubAccount:arjunumenon name:Arjun U Menon pictureUrl:/sp-dev-fx-webparts/images/avatars/arjunumenon.64c7df77a916.webp]

Festivals Extension

Webhooks Notification Application Customizer

map[avatarSourceUrl:https://github.com/giuleon.png company: gitHubAccount:giuleon name:Giuliano De Luca pictureUrl:/sp-dev-fx-webparts/images/avatars/giuleon.19db971fd60e.webp twitter:delucagiulian]