Skip to content
Eleria technology · Made in Italy

Pompelm-OSYour apps. One shared workspace.

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.

Explore Pompelm-OS In our products
Pompelm OS window overview showing Calculator, Documents, News, Tasks and Gallery.
All your open apps at a glance. The window overview helps you find your way back to what you were working on.

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

01 / Your desktop

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.

defineWidget

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

Four desktop widgets: a clock, upcoming calendar events, a sticky note and a photograph.
Clock, upcoming events, sticky note and photo: a desktop arranged around the person using it.

02 / Apps and windows

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.

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.

Tasks app window with a board organised into To do, In progress and Done on the Pompelm OS desktop.
The Tasks app in a window: list and board views alongside the shared Pompelm-OS window controls.

03 / Integrated settings

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.

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.

Pompelm OS appearance settings showing dark theme, suggested colours and a custom colour selector.
Appearance options bring visual preferences together. Product settings can have their own dedicated sections.

04 / Connected apps

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.

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.

Notification centre open on the right side of the desktop with welcome messages, tips and news.
The notification centre sits alongside the desktop, bringing together messages, alerts and news from the demo.

05 / On the move

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.

Pompelm OS in a mobile layout with an app grid and bottom navigation bar.
The home screen on a narrow display: apps, notifications and access to widgets remain within reach.

06 / Getting started

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 window in the setup wizard with steps for Appearance, Synchronisation and Preferences.
Welcome to Pompelm-OS: the initial setup guides the user through preparing their desktop.

07 / Product identity

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.

AuthAdapter

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

Pompelm OS login page with the grapefruit logo, email and password fields and password recovery.
The demo login page. Branding and the login interface can be customised for each product.

For developers

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.

ReactTypeScriptAPI / SDK
AppsdefineApp
Product features in their own windows, with icons, translations and permissions.
WidgetsdefineWidget
Data and small tools on the desktop, with a separate configuration for each instance.
ExtensionsdefineExtension
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.

The first products

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.

Explore EleCCP

Pompelm-OS is part of how we build Eleria products.

Back to Eleria