Hey there, i am Straticah, a professional GUI Designer from Germany. (Working at Noisehead Audio)
I am giving away 3 Analog Knobs i have rendered to work perfectly with HISE for free.

This is my first free kit here maybe i will do some more in the future!

Have Fun! :love-you_gesture:

DOWNLOAD KIT

Hey Guys!

It has been a while since i shared anything of my freebie work.

Here is an Interface Mockup from 2023 that never made it into a real product so i am sharing it for free as inspiration or to reverse engineer the UI components. :)

Have fun!

Check it out here:
Figma Community Project

Hey there, its me again for a second GUI Kit.
As a thank you! to the helping HISE community, i am giving away a bundle of analog styled knobs, sliders, switches and buttons that i have rendered to work perfectly with HISE for free.

This is my second free kit here and i currently plan on a bundle of LAF and json knobs - but i am currently learning the HISE workflow so this could take some time.
If any of the assets do not work hit reply on this post and i will update the link.

Have Fun! 🤟

DOWNLOAD KIT

@Matt_SF
Figma is also very nice and easy if you need animated graphic elements. These are not 3D rendered but the shadows and gradients makes it look like they are.

@Morphoice isnt adsr with bias control confirmed to be a HISE update? (at least its what i got from our adsr thread and the HISE meetup?) :)

I will also need something like this - otherwise i cant release this beauty.
But we are currently just working on other stuff because the retrigger was also buggy when using as a global mod in the mod matrix setup.

@d-healey Thats an amazing idea, i had something very simmilar in mind for all my vsts but also had no time for that. Would love to help with design if needed anytime soon :) And ty for your video about using images for expansion in the browser thats so cool!

Hey @Matt_SF so my setup is always the same for my Knobs. I use a cold left light and a warm right light and balance them out how i like it. In addition to that i use a HDRI image to give glossy parts an interesting reflection or to brighten up the scene. Usually the hdri is not visible (only its effect) but in this case i have enabled it in the viewport.
I render each knob step in 250px size and import the sequence into photoshop to add contrast or add elements. For a VST Gui i would always go GUI res x2.
Lmk if you have any other questions :)

@DabDab good idea, i would love to share how i am doing it, it is not that special tho. I think i will make a thread here in the future to show my workflow. It is basically CAD with Fusion360/Animating in keyshot/rendering frames/converting frames into a filmstrip :)

@d-healey you are right that did the trick :) next step would be the lottie, but i guess its not possible to include it like a svg in laf. Maybe its possible tho to get the coordinates of the ruler and display a panel there with the lottie on it. i managed to make a mockup in hise how i can imagine it.

If anyone else has an idea how it will work to update the panels position to the laf playback ruler let me know. David and me tried our best ^^

HiseSnippet 6060.3oc05ksirikccY1UkBccc2vsrZAX3mRTv13VHJQwofjgaHnhyCAYDL3PPFQ0ED377PPxfSBBPvO6G7S9KveD9Q+I3OE8GXyHy6Pd69VktU4RVxARfjbuOCq09rO6y9vyQsoxKnssp4t6+Bio5f6t+W8f9TYWLcrSR4chL2c+qdXvoOHrpo3NpoZm11.+6t+9Oi+l96+hO+tm98O7WS4j6T5E7dQ2c2wpDu.4jhjt2KU8a1ljmy43GXjT7hRi9MhdUkzU4UWWvxm8.3c0NdYNQA6btUrewC2c+eBqeRWUidmSWP6c2+4TU9S5wUCkOW9iIsIt4A2dA5N8kF5YwbU492P7Mo2QGmj6q9VN2d2c2+f56s.e1yVfe6CJI9IuS96sD+lmT736qwKsG2+K9gfGzKgG3GEdfeL384u.de9yv6O8Aculj5t2q4F19W8fXYWPSnyxPvKg0yk8tew+i+cOPWsThxNfBmr.tlkWdWMdMJL3W+HLL3W86d0xnPa2ixjbO9W8HaYTRY.fWSvBm3yqbcxet8jqpxHK84BBxe8RcdSkxq55RBVp2WhrYMLPoA1VBZIpDV.frFdf5VN08xTB6orAnU4PznSST7Vcvj1RVbpElTqnJUWTLsN8D2lc.b.PtLFZ.Vzpf.pPlzlgCL5BGHkDy3S6IMQBY4.1OEdQ3PWHBebYX5vgjs0pwh4g.YoijRGUI41OCPxRIDRx.H3ZntyEcVHtjjQJqjw.fAzuNhRach3YWfARNM6Cz65TSjb6IMJOQdXxSN4ZXXwlRCRRRQ5Q1z08n6RSaPzLyY1fQ2JtU.8fkRirdUC2VR3pYpQOzsXMQRBWp2raN8TdLbinlsC6fNbvUzc0dSUg80g1R6jxS7HOTctolZLVtF8n7kg.wQFz8yvdPsjdFpyCtZQQzx6jDTbSg21K2RsVfBUgkmMUto+.YE4zbTcHy9v3jsF1HHw723ZYsALsRLRAooDIqwdJCJIjx9dRl3kJgJI6ZSJGGxvyxTeSpJvv.aSYDqqcbBkFs3RYGXsmQh25hfPQNoTWuluQFTtQdRd7XrXViYWQybRazEz.zq6GsO4LdQ1QNF8T.1FLgikl0GZTqKuL2z4bH.shXek9Eh7IW+z0TwGKHlkOUrQrcOQvpYLYQu50kUXlsNnoVJ3qubMISs1jskR4bsh3remYhcT9YFEWvJMsY1SXW1KVakIctovY2UIgJSZuiWGVIgsO+z47lNT7Vc3oNG6LPiyjUZ0gxn6.ASc2lrRNIbN27TAWytobBKRRcBXOvF1TvrJmtNjvpAbNLSyVgyabAOu+XO.kh3AVsPpsTJKdbd5Q8p7c7ovTdVVtU3qiwpL7k1err8DX9ImzIvl8inGQ22vYVIKlIEvccbGHb9ppJmnKGVUFbgKe0wSmWkyZx1stxqb+ksBVGgNe9HMrVAFW873TqhxIkfs5ljQ0KFNXObX6cEX6ypKhrpRaOtN28R6HpVME04xL2REKpZvcGOMYTyUXrI4z7obgKrLDRBq2A5IVU0FhXoWMYlQrqle1LSbs+ljLoNlL2Kl5na4W2khA44ITH5qO1wbY7BXnEIJTanMiByQUs1vvcjvoiAMmQJQZrOQCac8HlSw1ATkDtpgswvJmNQBLV1PQyuKj5HyvhuGBmamnZWnMHDAx.NNgNuS5tfhEdBwlZ4PVcrsutWoUeayL0kkYFgtX6B1Oe7RXSdEFgJMuCV7JzcWNpt3.5YUfIctXGTkt+Z3FNofip9jhsE57SzdmTf5.QOxOYuwgMcV9npbFbaRVF+D1Dpi.NTPE50CDRfiAIqyr2fw0kmspK5hmSqyZu8Cs0xGvZNAejKF6fXrPGuYVPFpRZuzjiPjYNr5HjXlsF5vngYpB5Z9rZKOkw0mSMsNyYuFDZtSqVLPeiT0Q+Qj50hNolDiqohjhW2CKavWKSB.jFBHHilZCPwvHiGQkJ1dQFBPmbeZDIkGWps5hFIgvPV.xPRfPF..fP.tkRu7.mFCm.CfqAHuZRb2n4lFhU9r4Ss5m2B2msQCKUNmMc337wy7DGpzcY1W5MjnGVyQCEeX13L05rfzZdCFKIWkcJXlBMC61KvfW00iHRdJcNzfAJMzNUoSobTjLWmKYuHRGPbvTKQRp3Tvl1S.R6ZoBBNNscZ9L3Z0YkQdCJaCrlhiaSgEGGU3.pKrf8ZrqSgNq5NVZ4Py033yPSe8fvJJo8cRtTBM1jcinhWEf.7ioxq3D3KyRyCS6mi7LEU6SxOR5LDSaaFBMUMu4.QdblDp+PNjZAsPJYyN4UvqCIKv5EJWFNBXUlghvOodzIaGRzgQJ+7AoklspVOSXbnCMp6jzg0HGR5EpqFttBhYeGdsYDReq0lVdFI58LPtGrUAOZ1huWKr5LZR2FNXxIpRElz.O4gyoxWt.HV.jSUmCneMa.eErMeu2Af8CNl7F.d3PZy600mFNhKWoLoEZOjmOGOrNpowOHZKAtY3THleu5YfYQQP.Ec5dOObPLnfFwcgc5zrHRFkqDXjxqI03vQ6LBph3Z32zyv2DObFgaaoENZtEkRcFI7lU3vW.WxLoQGqvKsSdGeqFqAE1UgPoBpcCtEADqJtTEIotoJz+njQdspnRmtbn8ASw9y6V0IK4BxJxty24X9d0dgN5tw0RpQGOAF4qdz1.I8TTQV2LEFljQWBqRe.Hpogf4Ivs.Ppa2V3SuR9BlwhewLPjPMq53nY9AJQIMLygX7tk0TgAbh2EA0CjBPjyDSz6RFOZbvlmvulp1kS3jcRsgVgnRucuqWGDDBzF5zhLYtwtvhxItTYW8ldZBbvi8Ywxvnsz3UQ6CRm1egTFcKvoJbvZmM91XHmDFfq.R0.2m4UuWaDbjDZxXGSSqRuoXcWksfLwUgK61DYEfHxjO.TYZlTtVmgIWjLhya8dypM.XnqzpgItr95FV.NtNuHdlUaaWeHo.ToRllTe0.KYQ7gsyRp4Icm77nmtZGYA5YhTMRtqheGp8EYdDGMeZ7yxa2q5tkSeXmJrVbu.dvPE9dlypkcpaNgRPDJTt4rIwj.oBgyAQLQz3vU1dZHcocAWTibsmoKQz1B3ScjRqzpaE7ByKGlgwmhhACUXSwWqmHLSbRkFNGUBbYVzgSVkdUJG1IkpnNLozUb0GRjqEg6XMFzV5AcZWjp0QNHxIv9rvb9WOcIh1rGINqTrS+LIi9dZQdUt3MxqzbTttz1W5OWoFUA3dvfFa2LFe047nDUu3xVYbu1jnj.lwvqhPWyQwbSn.zxxhBNCUD0UmrFPA2XX.sQU1izTN4X5b+FQ7VhVagPGJXP+P8CvzkLjWVRiBLq3bbWCI7UsxEmdUlczm5IZa3DjiXQHNtcwqPcEVnLyFXhJrMNfWhyjUxY.fr6oLIPgwB03LzDCopuTFDKsP.YXAWoQGeWM7UHdk7vRcHtpBBS5H1Phrm7b8y0KHhL.IcpT2Vblv0WLvavSmbls0KpaScDddxQ8ocMJncVY9LEzlDI.r78EcHMxbRDsrbgN0nI5H5klzm4w0Z2YyHfjMiCQFoIUWZAYhrOrNUmhfkBSipCEC1+J2V4Sb686BRMIAwYW2uyCSWH4f1VOIQQd7HghU3o1rqhQ.L8kC1.UI6Y3m4edEgUYzE5YTuc1SUnU.LBQIY5CnqH4wEETWxDFNAJLHGicKoLk19vvXlsCWcEuzCZFzWJky1LEB64ccrgVcCzxvrU5kPpUF3bLtbIYKQFXD0lXbamAQNehkTBwpsg1eOvHFy.5kLXC.BniJlWUxBVhrNKlc5rz4NkHMzMm1SnvB1QSGZ1v22NCOIqHRlXSfuR2zpoOwnsSL8HWdnpvk4CVgEFgmUlTrMTjwBLNIhbtZVWSDuF.yx2QOx6hUm1YerNsKNIPoVBzCrQ1YmnLVBebpD5xFBoTXoiJTT6hHxq0rt5rE1M.95nrBeLbN+UPmIvnyWtrRoNXGZQXSCmVzfpsXvItAKLPldec41AEmMLMVELTSWItdY01qwMXIILVrgJ64q1s6RN2RFpqKKcvlOEe3PpbJh.QEn0rsAEiWEOeqL2dLXOSYWeVBZpZiMAsXUqjvCwIsD3BzbpfbDlH7OUOBMH3ZyxNiTUIeM+njnoIdfE6jIP0LxPgjpUZJ6orp7QYLY6LLJRKVqxVGYjqnzyKwhSwNVXVpENzDaEOfLJbnQlgWc+JpQMDcMjsMKtMqxx6isoHIOZuM.ik1fnQjQ5pBJ+4U56kHJRZUoils65A1sT7fs7VDdSGfvOKt8nRsayrGtQvHgxXUJs6FRMcOqnFpDLg9qH6cAS725gBjnmGboIGhj7ZaQVzlgqasfN2eJdSXf0FyP8A1vwxqT0XF5v8SQl.yBpa1dzMhZk9TRm.zDX+ABubHa43MMtsjI6JC6aAksiPaFSJkTQ.kccf1TUiA2ZRxLGrdK.kgrjXebFsRuBV35nvlBU7BxSafBQOasBYDRYdbmJKRlYRLQj7YMfwJflx7PsMM8E9TiSm.YC6VB3BweVnDHBKWd+xFn.PYo.G1prIjwX8jFKm.HsjiFB5tMVIUQtrUMkjbGSyhG2RuuJDWWEvX+tFO5hy5DV..K9q3P6LN6NQkr2BlHgXmkEHcnig17pzKWjk1LBtScBkZ8Izj1vDZ.pRRhrDtlgCCrDjaOXxe.YjiEXk0N0yo0FFX1IXaKiuhlLsMhCKk..xhWxqayXT6XMK9n8woh1oxsqNGGeN2FRZqR+liWohrRKn2GGQD2i.XqlMNEefITMI2ZVFeUZStb67EYrjrRb+bBDwrbdIxIfLAOOzDjCnt7ZTB6Q14kMcPEEXPfS8.Ge3hiuZU77ZKmKWOMKroOVPsAyKkNFQOnZ0P6UVLCSdEsALda7qDrdkpSwZdan3R2k5WGy04PXhn4gaQ0zFIgLBDVtAbYowJWCETp3oLj8HWYSOaydrzwi1KHZcN.mGDH35AKTW.t3LUekgHFhShNTBVF0IhaURXWaodIpUXw2cSVwEQPxchwaVMft+.XXiOEPoK4RLNoSVm.URQX7OQ.ownUndT+3p.kZox0KI6FpBCjUAoUaSOPxxBEMfMjDTqqsKfRQcjKY0grd0AizbETfoKtj.aNiZex11LtiNPp8BaxY4UXcdbUPBaXOyJCfLe3LhQkRh0YD60N7quDiQXi6H.0WLmr657UaLII0TC.LRV+0IdE5KjwTMTuWf5bmkZLYOikniQUI.FeT3Po25Nb6Hippt5AuRsrks5CbUmWklZu1ApkMXvFnipkiPxtg.j.7RkEQWUe6oUtQKSVsOpQZvqsxRoCccTLqbDvDXhXIWcIwvIUWOncMG4gsD7bcoIm4bOkNDXc9bd5LBkkDnvo406DEpUmVk4d7zQWgvTHPUPbfApR.gKpLqLUcjcKQUnJopEkc6tdFe0E.284yPKKBt6PdfEyUMn05pZpH39aNga0qik3sArv3rks1ZwflV89VoyW2gbjvj1kk6PnbUkzvFLrkzW7HOnkiaOLVLAEAGkpzyYDYQEuKveslAo0R3NWdyc3brZC8Wxsqc3y6.v1dwBn0nLBRZmykoyCfGQZGOXMoChZvUipiNXhS1m5kXYvF01dviedmT40C5gV31Nc6Ss4pE8I32peIT0ZKrPdDXB8QD.h0ST6KnLvYL5hDwBj3HcsuH3OdYUx9cK6TRmuaq50vM7h37QtRyZSynTALlCNKyvHIH1iXi3IraChJgUnsYp1AFRqBxQ.ncz6kPR7515RA4MOoXMHVivyhfWYvEOdfzmxMPTIvKBVRITKITrQ+PX5HLuStZHN.J1d.uZfMNX5oGbVMA6HiKe5BMLwZ7CsWWbD.6Nenu2u8DOV514kTYMyGxPwu3x.wvcA0WUBd3vQMmxwyBG4.VCMGCsmq4L2w7oxj8PQH0g8G1HRZy1eFALxtNiIv0EM.57giqwLTf6nO22IvWznTYaqzSuMdxq.Hf5TbHcZpNXX19IHKQPO01EpA7k+tWs76u7ujrLovoKop7QUmxf7129QL6cZdVB7i+UO91OYZTPGcUQcU4xKu9KeV8W9U+tW87S.sAcuq4d8yeEzWnryoo61G6t40H29.qunROIk1IO20wK60gWK8dpE9pW829pu3FN5Wfvq6hSZuAfiN4WCd8W83pGg9pG+O7HN5u6UewS5Zeqt9u5EhdGfV1Mcwy5d0e26+VsuilH+vzD4czD4GhlHeOzD4e1n4xPL80llEl7nZtyzst9Q0p1jakcQqLIGPSPTRaWPC2aQzW523LXDesvszIIW6ZdPyW90O9N.G80OV4lt.6Ge0Wrz5K1wp7.f5ljEqUWysui9M02PWzMn87gY7ZvQLPtm9sn4wke2n73BkWJLv3agzyph.tg.4jxfWO90Ot7G3ScIfSSfy2h7ce8iv.OYauU12xyOIp3TFE7Qoxyi.NuAN25mk17Cv+y+qEvorK4x0fg3jtfm43stPq5ZoefuVfW2RejG75u04aA+tkQO3u9QmuE51SPOd6Q3u6w+hGQt8DxsmfWHCzsCc3MCXOynOEtrj5X22CU9Xv9E3cQIW0MO68iSQAkKMBzy1y2vEx7jnx.+acvsQRftkG95G+Vja3b8W+H9x+fVuf6urIIJt61DimGA9D.spSW7GAzO929NOhObH3Yzx233mr3Aykjm+5uEbj.DGClki6lUD76d1.u3iLxwcSJ6lmsyOai+tm4U3RUu04OQn5kGduC06mpr76sH6wpxcUcA6eyzyW828pG+CUEF9Q0cKHRSU9xblOp5mCM7CTwWWtXqBZ95Eqwxr72Uv6t+y+vCV6gu+CV6km6m2ywzdQAqJEKS51WGT98cZf28l.g2c282+FTc28+IcOcra+4u4X2Hu5mTY81SDMw+1wB9Axft6IB7xCB02oy4t6+O9.8+oeuY6RxG+dp.mN2lpeOSPaVWU8u+x0kniAv.CN820batp9snoKb89aU+IIrk92dW85u9t6LEYt0huAkK.dgD0AMKwiWrO2yDzm3E77gE9EO7ltXwL9tP62c+qdlS+52dTh2BU+DW9kO7zyP2M9R7O89WX9lgD+t3aP4+9B3hCtMU31a+WVTtLSq3sGg6u5ATXbBnMfK4H9BEv+AZbqZ7CZzSlegA627MOKUaw6+Z66ki7M28BN7u9G83xK3z+9u4EbR78b5+5GvowEk0u0+Pz+1QC+TS93Rxh0OsrRPCzcsNE04AhKgAGe106VbiOzL.irFYCz2u8wM5she0CPX333vPq+iMZaP2fgCu4kZP9CZnp5kcN8lCYtcw0+1RIsu0c+81te4+Hi+vuvV82e7E1p+9Cu2V8e6tWZq9s+zF++wfJj+HT8v8+mWd9mYD8Gej6+pGLVlC1VWsL48oSa+W+BAPev4s+N4jEKqL9hK9.w+y+vaHvm8oEH6iDl5GIBg+W7HD4eIfveyCJU9Wyc59v67wsK5xaTrrd0G.zaWfhxk72ld4Eg4GADA+YAh+oOnlz4E+ww3u3ifwkEN9mBL9lqOyu9A1vvkzAeO.+7G3r+AuqL+rz8+Yus6eJD8sHzuwQ6iFz96+pL8+5S8pLU+IeUlzmJ8VFddYK9MOMls3o6kkTF8R+mavjszYg+9uDAZUUc2R+5kxzeZkmmxUXo4+fRGzujmwKag+g+5krHeyso5SLSjhalkmSAovY7sYejufuOH8j7m.76xN49O6S9hP8i3dZ84+yv8z5SGd++AQSt+d0+n652u4A8jadPrk8A4KyWdBi+aVRYLz4Zd2ak9gSVTpJqpiqJS79P+stkMEEEz7Rr+QIDYW2hO+6k7a+Fsf7.m1fWlb1szVbZ9voL+nrEPe51henwq+sO7Lbe71L7G++lwsezWGPn+oZEgO6SZEge1w6O8UG94AJZUW6Vhzp3r3ndKV1tqE5KAn8BVPR4sO.3s3W+ha6A742Aea3M8fR+md4+8xu2nD5162+FkPuU4+OoOJb7Zp9a7dd2o27k+kOIYg2kOEa+KdP416O9tsg9vCf.fKwx8S9a77tYt+Kft6tOdcf+ITGjeB0A8mPcV+SnNX+DpC9Og5P7CVmaKFQdsq54uS4x.phJ6S6e+96e2572+Y28+AfvPnpN

@d-healey updated the link :)

This very neat feature seems not to work on latest HISE development build on mac.

If there is a fix/setting i need to toggle lmk.

@Christoph-Hart exactly

@DanH @Christoph-Hart the flex envelope is essentially missing the spline XY handles to create an envelope in the first place.

From a UX design standpoint:
01 Base level (priority): conventional ADSR controls — Unconstrained handles for Attack, Decay, Sustain, Release, no dials required, easy to read/adjust.

02 Secondary / advanced: spline-shaped ADSR curves with Bezier handles for fine-tuning shape.

Current Issue:
The existing flex envelope design inverts this hierarchy, prioritizing Bezier-based curve editing as the default interaction. (Which can feel slow and constrained for user since base level controls are missing.)

Initial envelope discussion:
https://forum.hise.audio/topic/11509/custom-envelope/19?_=1754988313518

@Christoph-Hart yes rendering a bg image inside it makes sense.

Do you know if this win/mac transparency mismatch is JUCE or HISE related? I will try different approaches today but i am afraid i will run into issues.

Mac is behaving today when it comes to rendering transparency in webview (see screenshot)

same script on win:

For me this works on mac to achieve a transparent webview.

html, body {
  background: transparent;
}

On windows it defaults to white i have not figured out why yet.

Hise Forum is the best meme page by far.

@Christoph-Hart we are building a wavetable synth with a modulation system so the improvements you are working on might come in handy.

Our main issues with the mod matrix were crashes in our setup, compilation issues, retriggering issues with global ADSR mods and missing control as far as i can remember. (might look into it again)

Also the mod destinations were missing essential offset controls for eg. filter modulations:
has been mentioned here aswell

Modulation intensity modes (bipolar, scale, add?)

Hey! What are your thoughts on the modulation intensity modes? Currently, there are two types: Bipolar Mode and Scale Mode. @Christoph-Hart, would it be poss...

Forum (forum.hise.audio)

@Christoph-Hart issues are mostly faulty retriggering and dead notes on global adsr modulation.
I am really looking forward to the new mod system since the synth we are building rn could benefit heavily from it.

We had to ditch the old mod matrix system unfortunetely and are running into issues with global envelope mods now.

Do you have an ETA for the mod-matrix update? @Christoph-Hart

@HISEnberg so global ADSR envelopes remain unusable in a polyphonic setting?

@DanH