Tech Tip: Adding Custom Components in Qodly
PRODUCT: Qodly Studio | VERSION: 20 R | PLATFORM: Mac & Win
Published On: July 9, 2025
Qodly offers a wide range of built-in components, but custom components are often necessary for more specific functionality.
Note : First access to Qodly Studio from 4D by following the instructions described in this tech tip : https://kb.4d.com/assetid=79298
To add a custom component in Qodly Studio:
- Explore available custom components in the official Qodly GitHub repository:
https://github.com/qodly/custom-components - Download the desired component as a .zip file and upload it to the project via Qodly Studio.
- Open the Components section and click the Upload button.
- Once uploaded, the component becomes available for use in Qodly pages like any built-in component.


By clicking on the latest version or any choosen version, click on the first link to download the zip file of the component :


Upload the zip file : qodly_calendar_V0.5.8.zip in this example :

Click on Install component to add it into the custom components of Qodly :

To use on Qodly Studio, just drag and drop the component to the page created:
