# @openremote/or-element > Base element and shared shadow-DOM styling for OpenRemote UI components Latest version **1.30.0** (published 2026-09-02) · AGPL-3.0-or-later license · 0 weekly downloads ## Install ```sh npm install @openremote/or-element pnpm add @openremote/or-element yarn add @openremote/or-element bun add @openremote/or-element ``` ## Health **Score 70/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 1.30.0 | | Published | 2026-09-02 | | First published | 2026-07-24 | | Weekly downloads | 0 | | License | AGPL-3.0-or-later | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 1 | | Unpacked size | 43.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 1908 | | Author | OpenRemote | | Maintainers | openremotedeveloper, wborn | ## Links - npm: https://www.npmjs.com/package/@openremote/or-element - Repository: https://github.com/openremote/openremote - npm.io page: https://npm.io/package/@openremote/or-element ## Dependencies (1) - [lit](https://npm.io/package/lit.md) ^3.3.1 ## Recent versions - 1.30.0 (latest) — 2026-09-02 - 1.31.0-snapshot.20260916144308 (snapshot) — 2026-09-16 - 1.31.0-snapshot.20260916130646 — 2026-09-16 - 1.31.0-snapshot.20260915122244 — 2026-09-15 - 1.31.0-snapshot.20260911091633 — 2026-09-11 - 1.31.0-snapshot.20260910125057 — 2026-09-10 - 1.31.0-snapshot.20260910120754 — 2026-09-10 - 1.31.0-snapshot.20260908130403 — 2026-09-08 - 1.31.0-snapshot.20260907094218 — 2026-09-07 - 1.31.0-snapshot.20260904133325 — 2026-09-04 - 1.31.0-snapshot.20260904115341 — 2026-09-04 - 1.31.0-snapshot.20260904102436 — 2026-09-04 - 1.31.0-snapshot.20260903144735 — 2026-09-03 - 1.31.0-snapshot.20260903142507 — 2026-09-03 - 1.31.0-snapshot.20260903135821 — 2026-09-03 - … 73 more at https://npm.io/package/@openremote/or-element/versions ## README # OpenRemote [![CI/CD](https://github.com/openremote/openremote/actions/workflows/ci_cd.yml/badge.svg?branch=master&event=push)](https://github.com/openremote/openremote/actions/workflows/ci_cd.yml?query=event%3Apush+branch%3Amaster) [![Open Source? Yes!](https://badgen.net/badge/Open%20Source%20%3F/Yes%21/blue?icon=github)](https://github.com/Naereen/badges/) [Source](https://github.com/openremote/openremote) **·** [Documentation](https://docs.openremote.io) **·** [Forum](https://forum.openremote.io) **·** [Issues](https://github.com/openremote/openremote/issues) **·** [Docker Images](https://hub.docker.com/u/openremote/) **·** [OpenRemote Inc.](https://openremote.io) Welcome to OpenRemote; an intuitive user-friendly 100% open source IoT platform. You can build a complete IoT device management solution including: device management and auto provisioning, customisation of asset types, automation via when-then, flow, javascript and groovy rules, data analytics, connectivity via several protocol agents and manager APIs (e.g. MQTT broker, HTTP/REST, WS), Multi-tenancy (realms), Users and roles management, Edge gateway, Front-end UI web components and consoles, and an Insights dashboard builder. As the code base is 100% open source, applications are limitless. Here's an architecture overview: ## Quickstart You can quickly try the online demo with restricted access, login credentials are `smartcity:smartcity`: [Online demo](https://demo.openremote.app/manager/?realm=smartcity) The quickest way to get your own environment with full access is to make use of our docker images (both `amd64` and `arm64` are supported). 1. Make sure you have [Docker Desktop](https://www.docker.com/products/docker-desktop) installed (v18+). 2. Download the docker compose file: [OpenRemote Stack](https://raw.githubusercontent.com/openremote/openremote/master/docker-compose.yml) (Right click 'Save link as...') 3. In a terminal `cd` to where you just saved the compose file and then run: ``` docker compose pull docker compose -p openremote up ``` If all goes well then you should now be able to access the OpenRemote Manager UI at [https://127.0.0.1](https://127.0.01). You will need to accept the self-signed certificate, see [here](https://www.technipages.com/google-chrome-bypass-your-connection-is-not-private-message) for details how to do this in Chrome (similar for other browsers). ### Login credentials Username: admin Password: secret ### Changing host and/or port The URL you use to access the system is important, the default is configured as `https://127.0.0.1` if you are using a VM then you will need to set the `OR_HOSTNAME` environment variable, so if for example you will be accessing using `https://192.168.1.1` then use the following startup command: BASH: ```shell OR_HOSTNAME=192.168.1.1 docker-compose -p openremote up -d ``` or CMD: ```shell cmd /C "set OR_HOSTNAME=192.168.1.1 && docker-compose -p openremote up -d" ``` ## What next Try creating assets, agents, rules, users, realms, etc. using the Manager UI, please refer to the [documentation](https://docs.openremote.io) for more information, some things to try: - [Manager UI Guide](https://docs.openremote.io/docs/user-guide/manager-ui/) - Learn more about the User Interface - [Creating an HTTP Agent tutorial](https://docs.openremote.io/docs/tutorials/open-weather-api-using-http-agent) - Connect to an online weather service - [Custom Deployment](https://docs.openremote.io/docs/user-guide/deploying/custom-deployment) - Style the Manager to your brand - [Setting up an IDE](https://docs.openremote.io/docs/developer-guide/setting-up-an-ide) - Set up your development environment - [Working on the UI](https://docs.openremote.io/docs/developer-guide/working-on-ui-and-apps) - Create a web application compatible with OpenRemote - [Creating a custom project](https://docs.openremote.io/docs/developer-guide/creating-a-custom-project) - Create a project with custom protocols, asset types and setup code ## Where's the data stored? Persistent data is stored in a PostgreSQL DB which is stored in the `openremote_postgresql-data` docker volume which is durably stored independently of the running containers (see all with `docker volume ls`). Note that historical attribute data is purged daily based on value of `OR_DATA_POINTS_MAX_AGE_DAYS`; this value can also be overridden for individual attributes by using the `dataPointsMaxAgeDays` configuration item. See the [Developer Guide](https://docs.openremote.io/docs/developer-guide/useful-commands-and-queries/#backuprestore-openremote-db) for details on making backups of the database. ## Contributing to OpenRemote For information and how to set up a development environment, see the [Developer Guide](https://docs.openremote.io/docs/category/developer-guide). We work with Java, Groovy, TypeScript, Gradle, Docker, and a wide range of APIs and protocol implementations. We follow the [GitHub Flow](https://docs.github.com/en/get-started/quickstart/github-flow) workflow with tags and releases for published versions of our components; when working on the codebase create descriptive branch names (e.g. `feature/cool_feature_x`, `hotfix/flux_capacitor`, `issue/123`, etc.). When your changes are complete then create a Pull Request ensuring that your branch is up-to-date with the source branch and that code changes are covered by tests and that the full test suite passes. ## Discuss OpenRemote Join us on the [community forum](https://forum.openremote.io/). --- _Source: https://npm.io/package/@openremote/or-element · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._