Tulip for Developers

Custom Widgets

Widgets are standard components of Tulip apps. Custom Widgets are created through HTML, CSS, and Javascript, and live alongside existing Widgets on the platform to extend apps beyond what's possible in a no-code environment.

https://cdn.brandfolder.io/GDDASP4K/at/q4nssqk9k49

  • What is a widget?

    A standard component that can be used in a Tulip app to perform a function.

  • What is a custom widget?

    Custom Widgets are created through HTML, CSS, and Javascript, and live alongside existing Widgets on the platform.

https://cdn.brandfolder.io/GDDASP4K/at/f5hn95428st

Getting started with custom widgets

  1. Ready-built widgets

    Gain inspiration from downloadable widgets in the Tulip Library.

  2. Low-code interface

    Create your own with HTML, CSS, and Javascript. Use props and events to interact with widgets and data.

  3. External js. Libraries

    Take advantage of common third-party libraries to build powerful features.

Resources

https://cdn.brandfolder.io/GDDASP4K/at/r4v2r5zt9nr

Custom Widgets Overview

Deep dive from the Knowledge Base on building your own features in Tulip with HTML, CSS, and JavaScript.

https://cdn.brandfolder.io/GDDASP4K/at/fm357njqtgh

Tulip Widgets Library

Ready-made blocks of functionality to enhance and extend your apps. Customize to fit them to your needs.

https://cdn.brandfolder.io/GDDASP4K/at/8vv5jnsqrcq

Widgets on Community

Find complete examples or help on your own widgets from other Tulip users and developers.

https://cdn.brandfolder.io/GDDASP4K/at/pf7vvc8xzps

JS Library Support

Guidance on using and requesting external libraries and frameworks.

Join Tulip for Developers

The Tulip for Developers Program provides advanced app builders with technical knowledge and support as they build powerful Tulip solutions.

Join Now
3D shop floor illustration