# How to convert Cumulocity IoT widgets to plugins

**URL:** <https://community.cumulocity.com/t/how-to-convert-cumulocity-iot-widgets-to-plugins/7224>\
**Category:** Video\
**Tags:** cumulocity\
**Created:** [April 26, 2023, 8:38am UTC](https://community.cumulocity.com/t/how-to-convert-cumulocity-iot-widgets-to-plugins/7224 "2023-04-26T08:38:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Darpankumar\_Lalani](https://avatars.discourse-cdn.com/v4/letter/d/e9bcb4/32.png) [@Darpankumar\_Lalani](https://community.cumulocity.com/u/Darpankumar_Lalani)\
**Post date:** [April 26, 2023, 8:38am UTC](https://community.cumulocity.com/t/how-to-convert-cumulocity-iot-widgets-to-plugins/7224/1 "2023-04-26T08:38:03Z")

</div>

[![](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/b/3/b323b9353eee59b052809f01bbf1412cd9335e83.jpeg "How to convert Cumulocity IoT widgets to plugins") ](https://www.youtube.com/watch?v=0h-qk5cECV8)

## About the video

In this video we will show in depth how to convert Cumulocity IoT widgets to plugins which has been introduced with Cumulocity IoT 10.16. [Cumulocity documentation](https://cumulocity.com/releasenotes/release-10-16-0/whatsnew-10-16-0/)

## Further information

> **[Cumulocity documentation](https://cumulocity.com/docs/)**
>
> This documentation offers comprehensive information on the Cumulocity platform both from a user and from a developer perspective. It reflects the latest state of the Cumulocity platform and is continuously updated to align with recent software...

> [@Cumulocity IoT Web Development Tutorial - Part 5: Provide widget as a UI Plugin](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-5-provide-widget-as-a-ui-plugin/3926):
>
> [Cumulocity IoT Web Development Tutorial - Part 1: Start your journey](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-1-start-your-journey/4124)[Cumulocity IoT Web Development Tutorial - Part 2: Create your first component](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-2-create-your-first-component/5569)[Cumulocity IoT Web Development Tutorial - Part 3: Query data from Cumulocity IoT](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-3-query-data-from-cumulocity-iot/7678)[Cumulocity IoT Web Development Tutorial - Part 4: Convert component into a widget](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-4-convert-component-into-a-widget/2873) Cumulocity IoT Web Development Tutorial - Part 5: Provide widget as a UI Plugin UI Plugins? UI Plugins! Part 5 of this web development tutorial series concludes the first part of yo…

> [@How to install a Microfrontend Plugin on a tenant and use it in an app?](https://community.cumulocity.com/t/how-to-install-a-microfrontend-plugin-on-a-tenant-and-use-it-in-an-app/3034):
>
> How to install a Microfrontend Plugin on my tenant? With the release of version 1016 of the WebSDK, you can officially install Microfrontend plugins on your tenant. For older tenants (starting with 1013) it is possible too. While there is a comprehensive guide around the [whole plugin concept already available](https://community.cumulocity.com/t/the-power-of-micro-frontends-how-to-dynamically-extend-cumulocity-iot-frontends/2577), we want to focus here just on the part how to install and activate plugins on a tenant. How to know that the repository contains a plugin? U…

> [@The power of micro frontends – How to dynamically extend Cumulocity IoT Frontends](https://community.cumulocity.com/t/the-power-of-micro-frontends-how-to-dynamically-extend-cumulocity-iot-frontends/2577):
>
> Introduction Micro frontends sound like the next buzzword. But it follows the same reasoning as microservices for the backend: loosely coupled functionality that can be developed and deployed independently. It is the de facto standard to avoid monolith and deep integration to allow better distribution of resources for developing and running that functionality. Image 1: Separation of micro frontends allows self-empowered teams. (by: Martin Fowler) As application comple…
