We’re excited to announce UI Extensions! UI Extensions give you the ability to extend the functionality of the Hygraph Web App with custom self-hosted applications.
- Get started with building, installing, and using a custom UI Extension with our guide →
- Read the UI Extensions SDK reference documentation →
#What are UI Extensions in Hygraph?
A UI Extension is essentially a small application that exists in a sandboxed
iframe and interacts with Hygraph via our SDK.
UI Extensions allow you to extend the functionality of the Hygraph content editing experience by running custom applications within the CMS. UI Extensions can be used for a variety of use-cases, such as using your own Rich Text Editor, adding custom fields to let editors search and pick products from a Shopify catalog, integrating an asset picker for Cloudinary to bring all your asset views into Hygraph, and much more.
Currently, UI Extensions are to be self-hosted by you. You would need to get a URL from your externally hosted extension, and provide it within Hygraph. We will run a compatibility check to ensure the extension can work as expected, and render the relevant setup form. You can also store configs, such as API keys, for external products/services for use within your UI extension.
We currently support single field extensions that can be configured within the content forms and plan to work on sidebar extensions in the near future.
Get started with building, installing, and using a custom UI Extension with our guide →
To watch UI Extensions in action, stay tuned for the livestream on 22.06.2021 as Jamie walks us through creating, configuring, and using extensions in Hygraph.