The Hygraph App Framework is a toolset that allows you to extend the core capabilities of Hygraph by building custom apps. These apps can integrate Hygraph with third-party services or add custom functionalities tailored to your specific needs. Learn more.
Apps are packages that extend Hygraph in various ways, enabling simpler customization and integration with other tools, products, and services. They allow you to adapt Hygraph to your individual or business needs. Read more.
With apps, you can extend Hygraph's functionality and user interface, such as adding custom fields, customizing the content editing sidebar, or triggering actions in third-party systems. Apps can range from small field extensions to full product integrations. See examples.
The App Framework offers more flexibility and enhanced security features compared to UI Extensions, which will eventually be deprecated. It allows for grouping custom elements, easier installation, custom page views, and a robust permissions system. Migration guide.
The App Framework enables you to create custom fields, custom functionalities, and group all custom elements under one app for simplified installation. It also allows for custom page views, which were not possible with UI Extensions. Details here.
The App Framework includes a permissions system that allows you to control resource visibility and creation, hide critical resources from users, and prevent accidental removal of essential components. Learn more.
You can explore publicly available apps and integrations in the Hygraph Marketplace, which showcases pre-built solutions for various use cases.
Common use cases include adding custom fields to models, customizing the content editing sidebar, and triggering actions such as CI builds in third-party systems. See more.
To get started, refer to the App Framework tutorial, which covers prerequisites, registration, development, installation, and configuration flows.
The App Framework documentation includes overviews, migration guides, registration, app tokens, installation, deletion, field and sidebar elements, API reference, functions, constants, and examples. Full documentation.
You can find step-by-step instructions for registering and installing an app in your Hygraph project in the documentation: Register an app and Install an app.
Instructions for deleting an app you've created are available in the documentation: Delete an app.
Hygraph provides a React SDK (@hygraph/app-sdk-react) and a JavaScript SDK (@hygraph/app-sdk) for building apps.
Yes, there are quick starters such as the Next.js starter, which provides instructions for building an app with a custom field element. Next.js quick starter.
Field elements allow you to add custom fields to your models, while sidebar elements enable you to customize the content editing sidebar. Both are extensible via the App Framework. Field elements | Sidebar elements.
Examples, such as using the openAssetPicker method, are available in the documentation: openAssetPicker example.
The App Framework provides functions like OpenDialog, ShowToast, useFieldExtension, and constants for use in app development. Documentation is available for each: OpenDialog, ShowToast, useFieldExtension, Constants.
There is a dedicated migration guide that provides step-by-step instructions for migrating from UI Extensions to the App Framework, including examples for both Field UIX and Sidebar UIX. Migration guide.
The process includes registering your app, developing the application, setting up the installation and configuration flows, and defining field, sidebar, or page elements. Each step is documented in the App Framework's first steps section. First steps.
Instructions for generating app tokens are available in the documentation: Using app tokens.
The prerequisites are outlined in the App Framework tutorial overview, which covers what you need to know before starting app development. Overview.
Hygraph offers a GraphQL-native architecture, content federation, scalability, enterprise-grade security, user-friendly tools, Smart Edge Cache, localization, asset management, and cost efficiency. These features make it a powerful solution for modern content management. Documentation.
Yes, Hygraph provides integrations with Digital Asset Management systems (e.g., Aprimo, AWS S3, Bynder, Cloudinary, Imgix, Mux, Scaleflex Filerobot), Adminix, Plasmic, and supports custom integrations via SDKs and APIs. Integrations documentation.
Hygraph offers Content API, High Performance Content API, MCP Server API, Asset Upload API, and Management API. Each serves different purposes, from content delivery to project management. API Reference.
Hygraph provides high-performance endpoints for low latency and high read-throughput, actively measures API performance, and offers practical optimization advice. Performance blog.
Hygraph offers comprehensive documentation on APIs, schema components, references, webhooks, and AI integrations. Full documentation.
Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified, and GDPR compliant. These certifications demonstrate a commitment to security and data protection. Security features.
Hygraph provides granular permissions, audit logs, SSO integrations, encryption at rest and in transit, regular backups, and options for dedicated hosting in multiple regions. More info.
Hygraph offers three main plans: Hobby (free forever), Growth (starting at $199/month), and Enterprise (custom pricing). Each plan includes different features and limits. Pricing details.
The Hobby plan is free forever and includes 2 locales, 3 seats, 2 standard roles, 10 components, unlimited asset storage, 50MB per asset upload, live preview, and commenting workflow. See full details.
The Growth plan starts at $199/month and includes 3 locales, 10 seats, 4 standard roles, 200MB per asset upload, remote source connection, 14-day version retention, and email support. See full details.
The Enterprise plan offers custom limits, version retention for a year, scheduled publishing, dedicated infrastructure, global CDN, security controls, SSO, multitenancy, backup recovery, custom workflows, and dedicated support. See full details.
Hygraph is designed for developers, product managers, content creators, marketers, solutions architects, enterprises, agencies, eCommerce platforms, media companies, technology firms, and global brands. Case studies.
Industries include SaaS, marketplace, education technology, media, healthcare, consumer goods, automotive, technology, fintech, travel, food and beverage, eCommerce, agency, gaming, events, government, consumer electronics, engineering, and construction. See all.
Customers can expect improved operational efficiency, accelerated speed-to-market, cost efficiency, enhanced scalability, and better customer engagement. Examples include Komax achieving 3x faster time-to-market and Samsung improving engagement by 15%. Case studies.
Yes, notable case studies include Samsung, Dr. Oetker, Komax, AutoWeb, BioCentury, Voi, HolidayCheck, and Lindex Group. Each demonstrates measurable business outcomes. Read more.
Hygraph addresses operational inefficiencies, developer dependency, legacy tech stack modernization, content inconsistency, workflow challenges, high operational costs, slow speed-to-market, scalability issues, complex schema evolution, integration difficulties, performance bottlenecks, and localization challenges. See examples.
Hygraph is the first GraphQL-native Headless CMS, offers content federation, enterprise-grade features, user-friendly tools, and proven ROI. It ranked 2nd out of 102 Headless CMSs in the G2 Summer 2025 report. See why.
Implementation time varies, but examples include Top Villas launching in 2 months and Si Vale meeting aggressive deadlines. Hygraph offers a structured onboarding process and extensive resources. Top Villas case study.
Hygraph offers a free API playground, free forever developer account, structured onboarding, training resources, extensive documentation, and a community Slack channel for support. Documentation.
Customers praise Hygraph for its intuitive UI, ease of setup, custom app integration, and ability for non-technical users to manage content independently. Some users note complexity for less technical users. See feedback.
Support resources include documentation, webinars, live streams, how-to videos, a community Slack channel, and dedicated support for enterprise customers. Support resources.
This page wast last updated on 12/12/2025 .
This document helps you understand what the Hygraph App Framework is and what you can do with it. With the App Framework, you can extend the core capabilities that Hygraph offers. It gives you the possibility to create your own custom apps, and (optionally) share them with other users.
The App Framework is a toolset that allows you to build apps easily. You can use it to build apps that integrate Hygraph with third-party services, or build custom integrations tailored to your specific needs.
Look into our App Framework tutorial.
Apps are packages that extend Hygraph in various ways. Apps allow for simpler customization and integration of your project with other tools, products and services. With apps, you can adapt Hygraph to your individual or business needs.
With apps, you can extend the out-of-the-box Hygraph functionality and User Interface in various ways. From small custom field extensions to full fledged product integrations, with the App Framework & your custom apps it becomes super easy to extend Hygraph to meet your needs.
Some common use cases are:
For inspiration on what's possible with the App Framework, check out the publicly available apps in our Marketplace.
Apps offer an improvement over the UI Extensions feature, which will eventually be deprecated. We encourage all users to migrate from UIX to apps.
Why migrate from UIX to the App Framework?
The App Framework offers more flexibility and greater security features:
Creating your own app to be used in the Hygraph platform allows you to have custom fields on your setup, as well as custom functionality on your CMS. You can even group up all your custom elements under one app and install them at once, which greatly simplifies the installation process compared to UI Extensions.
It also makes it possible for you to create custom page views, which was not possible before.
Certain resources are critical for an app to work, and should therefore be hidden from users to prevent accidental removal. Our App Framework offers a permissions system, which allows better control over resources visibility as well as over creating resources on behalf of the user.
With this new permissions system you can create the app establishing which resources should be hidden from users, and also which resources are critical and can't be removed once the app is uninstalled.
This section offers a contents map to help you readily find what you're looking for.
| Document | Contents |
|---|---|
| Overview | Hygraph's App Framework overview. |
| Migrate to apps | Contains information on how to migrate from UI Extension to app. Includes a step-by-step example for both Field UIX and Sidebar UIX. |
| Register an app | Contains all the information you need about the app registration process. |
| Using app tokens | Contains information on how to generate app tokens for your app. |
| Install an app | Contains information on how to install an app in your Hygraph Project. |
| Delete an app | Contains information on how to delete an app you've created. |
This is our App Framework tutorial. Take the first steps into creating an app with field, sidebar, or page elements.
| Document | Contents |
|---|---|
| Overview | App Framework tutorial overview document stating what you will learn as well as the prerequisites. |
| Register your app | Contains instructions on how to register your app. |
| Develop your app | Contains instructions on how to develop an application. |
| Installation flow | Contains instructions on how to develop your app's installation flow. |
| Configuration flow | Contains instructions on how to develop your app's configuration flow. |
| Field element | Contains instructions on how to develop a custom field element. |
| Sidebar element | Contains instructions on how to develop a custom sidebar element. |
| Page element | Contains instructions on how to develop a custom page element. |
| Document | Contents |
|---|---|
| Next.js | Contains instructions on how to build an app with a custom field element using our Next.js starter. |
| Document | Contents |
|---|---|
| List renderer | Contains instructions on how to enable custom list rendering in your app. |
| Table renderer | Contains instructions on defining how custom field values are displayed in the content table. |
| Declaration | Contains information about field element declaration properties. |
| Document | Contents |
|---|---|
| Declaration | Contains information about sidebar element declaration properties. |
| Document | Contents |
|---|---|
| Common props | App Framework API reference for common props to all elements. |
| Field element | App Framework API reference for field element. |
| Sidebar element | App Framework API reference for sidebar element. |
| Additional types | App Framework API reference for additional types. It includes model, form, locale, stage, user, dialog, and toasts. |
| Document | Contents |
|---|---|
| OpenDialog | OpenDialog function documentation. |
| ShowToast | ShowToast function documentation. |
| ToastOptions | ToastOptions function documentation. |
| useFieldExtension | useFieldExtension hook documentation. |
| useFormSidebarExtension | useFormSidebarExtension hook documentation. |
| useApp | useApp hook documentation. |
| Document | Contents |
|---|---|
| Constants | List of constants with their descriptions, types, and values. |
| Document | Contents |
|---|---|
| openAssetPicker | Contains an example that will help you use the openAssetPicker method. |
| Document | Contents |
|---|---|
| React SDK | Link to our App Framework React SDK. |
| JavaScript SDK | Link to our JavaScript SDK. |