📄️ Plugin UI System Overview
The Plugin UI System (@gauzy/plugin-ui) is a frontend plugin architecture that lets you extend the Ever Gauzy UI with new pages, navigation items, dashboard widgets, settings tabs, and more — without modifying the core application.
📄️ Getting Started
This guide walks you through creating your first UI plugin for Ever Gauzy and registering it in the application's plugin-ui.config.ts.
📄️ Plugin Definitions
Every UI plugin is described by a PluginUiDefinition — a configuration object that declares routes, navigation items, extensions, translations, and lifecycle behavior.
📄️ Extension Slots
Extension slots are named insertion points in the UI where plugins can contribute components. They enable a loosely coupled architecture where the host application defines "where" and plugins define "what."
📄️ React Bridge
The @gauzy/ui-react package enables embedding React components inside the Angular host application. It provides directives for mounting React trees and hooks for accessing Angular services from React code.
📄️ Plugin Services
Plugins communicate and share data through type-safe events, settings registries, and state management — all without direct imports between plugins.
📄️ Advanced Features
This page covers dynamic plugin loading, health monitoring, developer tools, dependency graph validation, and internationalization namespace isolation.
📄️ API Reference
Complete reference of types, injection tokens, interfaces, and helper functions exported by the Plugin UI packages.
📄️ React Components Library
@gauzy/ui-react-components is a pure React component library providing UI primitives for building plugin widgets. It has no Angular or plugin-system dependencies — it's pure React + TypeScript.