ποΈ 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.