this is an update to the v1.0 drag & drop script. You can now set horizontal draggables or vertical draggables like lists (see animation below). For real use cases also see Rearrange FX Slots via Draggables

This article explains how to make a vertical drawer with a slide in/out animation with Kontakt 6 (and beyond). (see video) The download additionally includes a horizontal drawer with a slide right-in/right-out animation. You can customize both the drawer to your needs via some global adjustments

with ui_panels and z_layers we can easily create dialog windows and add a backdrop which closes the dialog again when clicking on it. This tutorial shows the essentials of how to create such a dialog window & responsive backdrop combination. The download also provides an additional more advanced version with some controls (see the video).

Since Kontakt 6 we can add custom fonts. Although the ksp coding part is very easy, creating such a bitmap font manually can be a pain in the ass. That’s why we built an online ksp font type generator (currently not working).

this is an additional dlc to the drag & drop script. As you may already have seen with other Kontakt instruments we can create draggables to rearrange FX or anything else with up to 16 elements. This script in particular rearranges the instrument FX chain, related to the draggable positions (see video).

this drag & drop script can be used to rearrange anything with Kontakt. With up to 16 draggable elements. It can easily be customized by adjusting a few parameters like size, position, amount of draggable elements. The draggables can be skinned with custom images as well (see video).

This article explains the bus section and routing. Manual routing as well as dynamic routing via ksp drop down menu and button (premium).

Animations via image sprite sheet let your Kontakt instruments feel more organic and vivid. Sprite sheets can also be used for displaying dynamic info like note names or other information. This article is kept simple for a better understanding. The download contains a more advanced version of an oscilloscope, reacting on note height & velocity, […]

based on the button matrix this script lets you easily create a scrollable area like shown in the video. You can adjust many parameters (and even use custom images for the buttons and scroll bar) by changing a few variables at the top of the script. The relevant code parts are explained in the article […]

this tutorial is based on the Wallpaper and the Dynamic Wallpaper (via label element) tutorial. Actually once the initial wallpaper is set we can’t change it anymore but we can move the wallpaper image vertically via set_skin_offset(). So if we create a wallpaper sprite which is as double as high as our ui_size (in this case […]

in this tutorial we will create “animated” buttons for Kontakt 5 or 6 with the following states: off on pressed off pressed on mouse hover off mouse hover on  

In this Complex User Interface tutorial we will build a fully functional UI with multiple Screens: main screen, FX screen and about screen. Whereas the FX screen holds a sub menu for two different FX: a LoPass filter and a LoFi FX.

Unfortunately once the initial wallpaper is set, we can’t alter the image file anymore. Even not by setting different initial wallpapers for each script tab. Because the last applied wallpaper will be the one and only initial wallpaper for the whole instrument. But we can either offset the initial wallpaper that means moving it via […]

to create your custom UI and place custom controls you can chose between a grid system or exact pixels.

The instruments background image is called “wallpaper”. Its’ the basic background texture where all UI elements (knobs, buttons etc) get layered on top. Just to give you an example: we could take our default graphic software and design a realistic synth surface wallpaper (png file) containing “sockets” for some knobs and buttons with detailed shadows, […]