Skip to main content
Be sure to have followed the dev setup before starting to dev on TBAG
Here you’ll have all the information you need to be able develop the with the extension Firstly you’ll need to download Chrome
Any other Chrome based browser will work, Firefox is not supported for dev (only for dev, normal user can use it normally) at this time
Now in your terminal run this command
bun run watch
After running it, you should see Chrome open automatically, that’s a good sign, now go to the Settings and Extension like the screenshot under
Chrome Extension
Now enable the Developer mode
Chrome Devmod Extension
And press the Load unpacked, navigate to the extension path and select it, when that’s done the extension should open you the doc and Teams’ website
Chrome Extension List
Now, connect yourself to your Teams account, once that’s done open the extension and enable the Developer Mode, you can choose to enable or disable the Auto-reload on build, which will automatically reload Teams’ page when the watch script detects a change.
Extension Open
A quick refresh of the page and TBAG should be working.
Don’t forget to install React DevTools to work on plugins, it’ll be useful when you make React path for your plugins
Go check Plugins and Themes to understand how they work to make your own one

Plugins

Create your own plugins to extend Teams’ functionality

Themes

Create custom CSS themes for Teams