# Like OPC outside of Openprocessing.org?

**URL:** <https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837>\
**Category:** Libraries\
**Created:** [February 5, 2023, 7:08pm UTC](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837 "2023-02-05T19:08:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pastel](https://avatars.discourse-cdn.com/v4/letter/p/a8b319/32.png) [@Pastel](https://discourse.processing.org/u/Pastel)\
**Post date:** [February 5, 2023, 7:08pm UTC](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837/1 "2023-02-05T19:08:37Z")

</div>

I enjoy the easy usage of [OPC](https://github.com/msawired/OPC) in [openprocessing.org](http://openprocessing.org).

Is there a similar **library that has adjustable sliders and switches in a collapsible and expandable area** to use for p5js on my own pages?

Thank you.

---

<div class="post-metadata">

**Author:** ![sableraph](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/sableraph/32/251_2.png) [@sableraph](https://discourse.processing.org/u/sableraph)\
**Post date:** [February 6, 2023, 10:01pm UTC](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837/2 "2023-02-06T22:01:08Z")

</div>

Hi @Pastel,

Yes, there are variety of GUI libraries available. [dat.gui](https://github.com/dataarts/dat.gui) is a popular choice but it may not be the most user friendly option. I personally prefer it [Tweakpane](https://cocopon.github.io/tweakpane/).

---

<div class="post-metadata">

**Author:** ![Pastel](https://avatars.discourse-cdn.com/v4/letter/p/a8b319/32.png) [@Pastel](https://discourse.processing.org/u/Pastel)\
**Post date:** [February 7, 2023, 12:10pm UTC](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837/3 "2023-02-07T12:10:40Z")

</div>

Thank you very much.

I do like both libraries. The last one looks nicer but dat.gui can be collapsed on mobile devices to see better what’s behind.