Arrow icon
See all demos

Tree Stencil

The Tree Stencil demo brings the power of the JointJS+ TreeLayout to the Stencil allowing users to create a directory of Stencil elements which is both expandable and collapsible.
Demo instructions
Expand and collapse the items in the Stencil to reveal a palette of JointJS elements. Can’t find what you need? Use the Stencil search input to find the element you require.

Made with JointJS+

The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+

All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

The source code of this demo is available in the JointJS open-source library which helps developers create simple visual applications in less time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

We equip developers with all the plugins they need to save time and focus their energy elsewhere such as Stencil, TreeLayout, and GridLayout.

Speed up your development with a powerful library