# Create 💎 GUI programs with p5.js

**URL:** https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120
**Category:** Gallery
**Created:** [January 16, 2021, 6:26pm UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120 "2021-01-16T18:26:36Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)
#### Post date: [January 16, 2021, 6:26pm UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120/1 "2021-01-16T18:26:36Z")

</div>

I want to show you a tiny lib that allow you to create GUI programs using p5.js! Everything runs on CANVAS.

You can use this library for:

- running p5.js sketches in windows
- implement window based games
- for learning how GUI works

 ![cgwin_sketch](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/c47e83c1fdd64879be02d9c2ee9974769fc6a56b.gif)

The intent is to use this library on [codeguppy.com](https://codeguppy.com) for teaching purposes and also open source it on [github](https://github.com/CodeGuppyPrograms/) for bare-metal p5.js developers.

Looking forward to feedback and suggestions!

---

<div class="post-metadata">

### Author: ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)
#### Post date: [January 23, 2021, 4:57am UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120/2 "2021-01-23T04:57:48Z")

</div>

A small update. Now with resizable windows.

 ![wincg4](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/3/3ec05a077acdb749f163e3744c873e2ebe7aba99.gif)

---

<div class="post-metadata">

### Author: ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)
#### Post date: [January 23, 2021, 4:58am UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120/3 "2021-01-23T04:58:43Z")

</div>

There is another demo video (bigger file that I cannot upload it here) on the [@codeguppy](https://twitter.com/codeguppy) Twitter page.

Looking forward to your feedback.

---

<div class="post-metadata">

### Author: ![jaschanarveson](https://avatars.discourse-cdn.com/v4/letter/j/b9e5f3/32.png) [@jaschanarveson](https://discourse.processing.org/u/jaschanarveson)
#### Post date: [May 22, 2022, 8:55pm UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120/4 "2022-05-22T20:55:19Z")

</div>

This looks great - but I feel silly: I can’t find it on your GitHub. I tried looking for “WinCG” and didn’t find anything… Where do I look?

---

<div class="post-metadata">

### Author: ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)
#### Post date: [June 9, 2022, 3:03am UTC](https://discourse.processing.org/t/create-gui-programs-with-p5-js/27120/5 "2022-06-09T03:03:12Z")

</div>

Publishing on github was postponed.  
Meanwhile you can find it here: [WinUI at codeguppy.com](https://codeguppy.com/code.html?t=winui)