Welcome to the SPFx Toolkit!

Boost your productivity in building and managing SharePoint Framework solutions.

What is SPFx Toolkit?

SharePoint Framework Toolkit is a Visual Studio Code extension that helps you build, deploy, and manage SharePoint Framework (SPFx) projects faster.

Working with SPFx takes effort. You need to set up the right development environment, install the correct versions of Node.js and global tools, scaffold projects, run the right build and package commands, deploy packages, approve API permissions, and manage your solutions across different app catalogs. Most of this means memorizing steps and constantly switching between VS Code, the terminal, and various SharePoint portals.

That's why we built SPFx Toolkit, an open-source extension co-created with the Microsoft 365 developer community, to bring the full SPFx development lifecycle into a single, centralized experience inside VS Code.

Video thumbnail for Getting Started with SharePoint Framework with SPFx Toolkit

With SharePoint Framework Toolkit you:

Validate your environment to check Node.js version, dependencies, and tools. Fix missing requirements with one click.
Sign in and manage your tenant by authenticating using Entra app registration. View admin URLs, service health, and manage solutions.
Scaffold new projects using a guided form to create Web Parts, Extensions, ACEs, and Library Components.
Use community samples by browsing, searching, and filtering samples. One-click to clone, rename, and open with npm install running automatically.
Run and manage Gulp tasks with common tasks (build, bundle, clean, package, serve) available with one click.
Boost productivity with Actions to validate, rename, or upgrade projects. Scaffold components, grant permissions, or create workflows.
Manage apps in app catalogs by deploying, enabling, disabling, uninstalling, or removing SPFx solutions from tenant and site app catalogs.
Use @spfx Copilot Chat Participant by mentioning @spfx for tailored guidance. Use commands like /new, /code, or /info for instant help.
Use language model tools (agent mode) where Copilot adds AI skills to manage your tenant, create sites, install apps, and more.

How much faster could you build if everything you do in SPFx was available inside VS Code?

🔍 Explore and Learn

Getting Started – Download and get started with SharePoint Framework Toolkit.
Welcome Experience – Discover the SPFx Toolkit’s welcome experience and walkthrough.
Actions – Learn about the available actions in SPFx Toolkit.
GitHub Copilot Capabilities – Explore how SPFx Toolkit enhances the GitHub Copilot experience.
Management Capabilities – Manage your SharePoint Framework solutions.
CI/CD Scaffolding – Set up CI/CD pipelines for your SPFx projects.
Microsoft 365 Agents Toolkit Integration - Learn how this works with Microsoft 365 Agents Toolkit.
Contributing Guidance - Help us extend SharePoint Framework Toolkit.
Technical Insights – Explore the technical insights of this project, including its architecture, auth, and development practices.
Meet the Team – Get to know the people behind SPFx Toolkit.
SPFx Toolkit Videos – Watch demos and tutorials.

👍 Power of the community

This extension would not exist without the incredible work of the Microsoft 365 & Power Platform Community. The sample gallery is built entirely on community-contributed solutions and many features like upgrading, validating, and deploying SPFx projects are powered by the CLI for Microsoft 365 tool.

A huge thank you to all our amazing contributors! Creating this extension would not have been possible if it weren’t for the enormous work done by you. You all rock 🤩.

If you would like to participate, the community welcomes everybody who wants to build and share feedback around Microsoft 365 & Power Platform. Join one of our community calls to get started and be sure to visit 👉 https://aka.ms/community/home.

💬 Socials

You can find us across these Microsoft 365 community channels:

Join our Discord - Chat, ask questions, or just hang out with fellow developers.
Watch on YouTube - Watch demos, tutorials, and community call recordings.
Follow us on LinkedIn - Get the latest news, events, and community updates.
Join discussions on GitHub - Ask questions, share ideas, and collaborate with contributors.