GUI Libraries / knobs, sliders, jacks and more.

Hi, I’m not a dev but working on graphically laying out some modules and was wondering if there was a list of open source libraries of GUI components like knobs, sliders, buttons… Sorry for the noob question but was thinking there would be a default VCV one or something but only found one a user made from 2019 that had about 30 elements in it.

It’s not that they are really hard to make but having reference for us on the graphic design side would be cool and speed up layout until customizations could be made. Also it seems like a lot of the modules are using the same GUI elements so figured they might be pulling from a common repository.

Hoping if anyone here has some links they could be posted in this thread.

Thanks for you time.

All plugins have a Res folder inside that folder are the graphics, just take a look, most(all) are in svg format.

1 Like

I don’t know of any.

Awesome thanks for the tip! I’ll also try to find the couple libraries I did find and post links to those here.

Many modules use the component library (code and graphics) that VCV Rack supplies by default, for which the SVGs can be found in https://github.com/VCVRack/Rack/tree/v2/res/ComponentLibrary. So the “common” UI elements that you see pop up in a lot of the plugins are probably using those graphics.

When looking at the resources of other plugins, make sure to also check the licensing of the plugin. Different licenses may apply for different parts of the plugin (e.g. source code vs graphics)

4 Likes

Thank you, that is exactly what I was looking for, just not familiar at all with Github so was getting lost in there. Regarding other plugins I prob won’t go that route as I have the same concern. Really just wanted some basics to help quickly lay things out and the VCV one looks like it has accurately scaled Rogan knobs and more which will save a lot of time. Thanks again.

1 Like

Do note that many plugins have restrictions on the artwork. A lot of them have Creative Commons licenses with ND (No Derivative) and/or NC (Non-Commercial) clauses.

These are effectively not “open source” because of this. So always double check the resource license :slight_smile:

3 Likes

Yes , I wanted to add “but read the licence” but I didn’t because I was waiting for somebody else to point that out :wink:

2 Likes

But, yes, there are a lot that come with the sdk that you can use. There are very few third libraries of just gui widgets for VCV. It’s too small a “market”

See also: Module Panel Guide - VCV Rack Manual

1 Like