What is a Modern Zimlet?

A Modern Zimlet is a lightweight web component built using Preact and GraphQL that extends the functionality of the Zimbra Modern Web Client UI.

What are the core technologies used in Modern Zimlet development?

Modern Zimlets primarily use Preact (a lightweight React alternative), GraphQL for data fetching, and the zimlet-cli for building and packaging the code.

How do I identify where I can inject UI elements in Zimbra?

You can visualize all available injection points by adding '?zimletSlots=show' to your Zimbra application URL, which reveals the 'slots' used for Zimlet integration.

How do I deploy a Zimlet once development is finished?

Run 'zimlet package' to create a zip archive, then use the 'zmzimletctl deploy' command on your Zimbra server to install and enable the extension.

Zimbra Modern Zimlet Development

Name: Zimbra Modern Zimlet Development
Author: anouar1991

byanouar1991

协作工具

Develops and deploys modern web components for the Zimbra Web Client using Preact, GraphQL, and the zimlet-cli toolchain.

关于

This skill provides a comprehensive framework for building extensions for the Zimbra Modern Web Client (Zimbra X). It guides developers through the entire lifecycle of Zimlet creation, from scaffolding new projects with the zimlet-cli to implementing complex UI integrations via the slot system and managing data with GraphQL queries. Whether you are adding simple menu items or complex sidebar applications, this skill offers the architecture patterns, component examples, and deployment workflows necessary to create production-grade Zimbra integrations.

主要功能

0 GitHub stars
Preact-based component development for high-performance UI extensions
Automated packaging and deployment workflows for Zimbra production servers
UI slot system implementation for deep integration into the Zimbra application shell
Project scaffolding and build management via zimlet-cli
GraphQL integration for querying and mutating Zimbra mail and calendar data

使用场景

Adding custom buttons and tools to the email compose toolbar
Creating custom application routes and dashboard views within Zimbra
Developing contextual sidebars that pull data from third-party APIs

关于

主要功能

0 GitHub stars
Preact-based component development for high-performance UI extensions
Automated packaging and deployment workflows for Zimbra production servers
UI slot system implementation for deep integration into the Zimbra application shell
Project scaffolding and build management via zimlet-cli
GraphQL integration for querying and mutating Zimbra mail and calendar data

使用场景

Adding custom buttons and tools to the email compose toolbar
Creating custom application routes and dashboard views within Zimbra
Developing contextual sidebars that pull data from third-party APIs