💬 Element Web

Element Web is a feature-rich Matrix web client built on the Matrix JS SDK. Formerly known as Vector and Riot, it provides a full-featured messaging experience with end-to-end encryption, voice & video calls, and room management — all self-hostable.

🏷️ Category: Cloud, Productivity, Network

🐳 Image: vectorim/element-web:latest

🔗 Links


📦 Project	github.com/element-hq/element-web
🐛 Support	GitHub Issues
💛 Pricing	element.io/pricing

🌐 Ports

Port	Protocol	Description
`8075`	TCP	Element Web Interface

💾 Volumes

Host Path	Container Path	Mode	Description
`/mnt/cache/appdata/element-web/config/config.json`	`/app/config.json`	RW	Element config file

⚙️ Environment Variables

No environment variables required for this container.

📄 Configuration File

Element Web is configured via the config.json file. A minimal example to point it at your own Matrix homeserver:

{
  "default_server_config": {
    "m.homeserver": {
      "base_url": "https://matrix.yourdomain.com",
      "server_name": "yourdomain.com"
    }
  },
  "brand": "Element",
  "integrations_ui_url": "https://scalar.vector.im/",
  "integrations_rest_url": "https://scalar.vector.im/api",
  "bug_report_endpoint_url": "https://element.io/bugreports/submit",
  "defaultCountryCode": "DE"
}

Make sure the file exists at /mnt/cache/appdata/element-web/config/config.json before starting the container!

🚀 Quick Start

Create the config file at /mnt/cache/appdata/element-web/config/config.json
Set base_url to your Synapse or Dendrite homeserver URL
Open the MOS Hub and search for Element Web
Click Install
Access Element at http://your-server-ip:8075

⚠️ Note: Element Web requires a running Matrix homeserver like Synapse to connect to. Without a homeserver it will show a connection error.

💡 Tip: Element Web works best behind a reverse proxy with SSL — many Matrix features like VoIP require a secure HTTPS connection to function correctly.