# Pompelm-OS — Software Made in Italy

Official page: https://eleria.eu/en/pompelm-os/

Pompelm-OS is Eleria’s UI framework that brings a desktop experience to the browser. Apps, windows, widgets and settings share an environment designed to work together.

## Software Made in Italy

Designed and developed in Italy, from the first idea to the finished product.

Screenshots show the Pompelm-OS demo environment with sample apps and data.

## What matters. Already in view.

An upcoming event, a quick note, a number to keep an eye on. Widgets bring small, useful tools straight to the desktop, alongside your apps.

API: `defineWidget`. Build React widgets with your product’s data, configuration fields and permissions. Each instance keeps its own configuration.

[Clock, upcoming events, sticky note and photo: a desktop arranged around the person using it.](https://eleria.eu/pompelm-os/widgets.webp)

## A space for every task.

Apps open in windows you can move, resize, minimise and return to from the bar. Documents, tasks and tools stay in the same environment.

API: `WindowTitleActions`. Save, refresh, filter: add your app’s buttons to the window title bar. The framework positions them to suit the desktop style and screen.

[The Tasks app in a window: list and board views alongside the shared Pompelm-OS window controls.](https://eleria.eu/pompelm-os/windows.webp)

## An environment that fits you.

Light or dark theme, colours, wallpaper, desktop style and bar placement. Interface preferences have a clear home that is easy to find again.

API: `defineAppSection`. A product can add its own pages to Settings, such as integrations or operational preferences. Each section reads and saves its data through the product’s backend.

[Appearance options bring visual preferences together. Product settings can have their own dedicated sections.](https://eleria.eu/pompelm-os/settings.webp)

## One place for updates.

App alerts and news come together in the notification centre. A message can take you back to its source app, with the context you need to carry on.

API: `useNotifications`. Apps can show notifications with a title, text, image and a link to their own view. The feed and message read status connect to the backend.

[The notification centre sits alongside the desktop, bringing together messages, alerts and news from the demo.](https://eleria.eu/pompelm-os/notifications.webp)

## The same world. A different format.

On a phone, the desktop becomes an app home screen. Navigation adapts to the display and widgets get their own page, keeping tools and information close when you are away from your desk.

Apps and widgets share the same definitions. Product developers adapt the content of their own views to make them comfortable to use on a small screen.

[The home screen on a narrow display: apps, notifications and access to widgets remain within reach.](https://eleria.eu/pompelm-os/mobile.webp)

## A few choices. Ready to begin.

A guided setup walks through the first launch: appearance, synchronisation and preferences. Each product can adapt this journey to its own environment.

Interface preferences can connect to the user profile or a dedicated endpoint, with a choice of which settings stay on each device.

[Welcome to Pompelm-OS: the initial setup guides the user through preparing their desktop.](https://eleria.eu/pompelm-os/setup.webp)

## Your brand, from the first hello.

The name, logo and login page are part of the experience. Each product can create its own entrance and keep a recognisable identity throughout the desktop.

API: `AuthAdapter`. The login interface and authentication are configured separately: a product chooses the page design and the adapter that talks to its backend.

[The demo login page. Branding and the login interface can be customised for each product.](https://eleria.eu/pompelm-os/login.webp)

## A shared foundation. Room for your ideas.

Pompelm-OS is a web framework built with React and TypeScript. The core manages the environment; each product assembles its features through public APIs and reusable modules.

- **Apps** — `defineApp`: Product features in their own windows, with icons, translations and permissions.
- **Widgets** — `defineWidget`: Data and small tools on the desktop, with a separate configuration for each instance.
- **Extensions** — `defineExtension`: Features across the session: organisations, subscriptions, profiles and access rules.

Each product connects these modules to its services and retains control over its data and application rules.

## One technology. Distinct identities.

EleCCP and Riservia are the first Eleria products to use Pompelm-OS as the foundation of their interface. A shared experience, applied to different needs.

### EleCCP

Food safety, traceability and operational management. Tools that make everyday food safety simpler.

https://eleccp.com/en/

### Riservia

Availability, bookings, events and notifications: Eleria’s infrastructure for organising time.

https://eleria.eu/en/#products