# Code example for component with custom UI?

**URL:** <https://discourse.mcneel.com/t/code-example-for-component-with-custom-ui/97040>\
**Category:** Grasshopper Developer\
**Created:** [February 25, 2020, 5:03am UTC](https://discourse.mcneel.com/t/code-example-for-component-with-custom-ui/97040 "2020-02-25T05:03:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![feklee](https://sea3.discourse-cdn.com/mcneel/user_avatar/discourse.mcneel.com/feklee/32/760993_2.png) [@feklee](https://discourse.mcneel.com/u/feklee)\
**Post date:** [February 25, 2020, 5:03am UTC](https://discourse.mcneel.com/t/code-example-for-component-with-custom-ui/97040/1 "2020-02-25T05:03:07Z")

</div>

The _Quick Graph_ component has a custom UI:

 ![Screenshot of Quick Graph component](https://global.discourse-cdn.com/mcneel/uploads/default/original/3X/6/2/626a4a1bd2c61a9eefd712727b5a44f16dec4603.png)

_Is there publicly available code of a component with a custom UI?_

---

<div class="post-metadata">

**Author:** ![Dani\_Abalde](https://sea3.discourse-cdn.com/mcneel/user_avatar/discourse.mcneel.com/dani_abalde/32/759411_2.png) [@Dani\_Abalde](https://discourse.mcneel.com/u/Dani_Abalde)\
**Post date:** [February 25, 2020, 9:35am UTC](https://discourse.mcneel.com/t/code-example-for-component-with-custom-ui/97040/2 "2020-02-25T09:35:23Z")

</div>

What do you need to know is here:

[https://developer.rhino3d.com/api/grasshopper/html/8a7974ab-7b2b-4f48-84d0-6e81b184e6b0.htm](https://developer.rhino3d.com/api/grasshopper/html/8a7974ab-7b2b-4f48-84d0-6e81b184e6b0.htm)

and to work with GDI+ which is the render engine:

> **[Graphics Class (System.Drawing)](https://docs.microsoft.com/en-us/dotnet/api/system.drawing.graphics?view=netframework-4.8)**
>
> Encapsulates a GDI+ drawing surface. This class cannot be inherited.

---

<div class="post-metadata">

**Author:** ![feklee](https://sea3.discourse-cdn.com/mcneel/user_avatar/discourse.mcneel.com/feklee/32/760993_2.png) [@feklee](https://discourse.mcneel.com/u/feklee)\
**Post date:** [February 26, 2020, 12:54am UTC](https://discourse.mcneel.com/t/code-example-for-component-with-custom-ui/97040/3 "2020-02-26T00:54:02Z")

</div>

Thank you!