# How to create custom widget for Cumulocity IoT in angular latest version or Angular 8 version?

**URL:** <https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [March 17, 2021, 5:02am UTC](https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840 "2021-03-17T05:02:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thamizharasan](https://avatars.discourse-cdn.com/v4/letter/t/df705f/32.png) [@thamizharasan](https://community.cumulocity.com/u/thamizharasan)\
**Post date:** [March 17, 2021, 5:02am UTC](https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840/1 "2021-03-17T05:02:14Z")

</div>

Hi Team,

Please help me to create custom widget in angular 8 version.

Thanks,  
Thamizharasan P

---

<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:** [March 18, 2021, 5:40am UTC](https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840/2 "2021-03-18T05:40:02Z")

</div>

Hi,

There are multiple ways to create custom widget.

If you are creating new cumulocity app using c8y/cli then you can create new widget in your app by following below guide:

[https://cumulocity.com/guides/web/tutorials/#add-a-custom-widget](https://cumulocity.com/guides/web/tutorials/#add-a-custom-widget)

If you looking to create pure angular widget and later need to deploy in cumulocity app then you can follow demo widget:

[https://github.com/Cumulocity-IoT/cumulocity-demo-widget](https://github.com/Cumulocity-IoT/cumulocity-demo-widget)

Regards,

Darpan

---

<div class="post-metadata">

**Author:** ![Christian\_Guether1](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/christian_guether1/32/14848_2.png) [@Christian\_Guether1](https://community.cumulocity.com/u/Christian_Guether1)\
**Post date:** [March 24, 2021, 7:57am UTC](https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840/3 "2021-03-24T07:57:57Z")

</div>

Hi,

to extend on Darpan’s response, the Cumulocity Web SDK comes with the [application package](https://cumulocity.com/guides/10.5.7/web/angular/#apps), which contains the tutorial application. If you create a new application based on the tutorial application template you will find an example for a custom widget.

```auto
c8ycli new my-app tutorial

```

In the directory _src/widget_ a custom widget name _demo-widget_ is defined.

Best regards  
Christian

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [March 4, 2024, 1:02pm UTC](https://community.cumulocity.com/t/how-to-create-custom-widget-for-cumulocity-iot-in-angular-latest-version-or-angular-8-version/3840/4 "2024-03-04T13:02:44Z")

</div>

Closed on March 4, 2024, 1:02pm UTC

This topic was automatically closed after 1083 days. New replies are no longer allowed.