The Relay workspace
A workshop conversation in the standard message layout, with channels and members nearby.
Relay screenshots
One workspace, your way.
Explore the same conversations and tools on desktop and phone, using the standard message layout.
These are real captures of Relay 0.11.6 source on a private demo network, with fictional participants and workshop conversations. Every example has a 1920 × 1080 desktop capture and a 390 × 844 phone capture. Message bubbles appear only in the optional comparison.
Configuration examples are identified in their captions; they do not imply that an external sign-in, email recovery, or multiparty call was completed. Open any image to inspect the full capture.
Desktop and mobile
Standard message rows, with the same workspace on a phone.
Pick up where you left off
A workshop update retained while the browser was disconnected and shown after signing in again.
Networks within reach
The workspace sidebar on desktop and the opened channel drawer on a phone.
Conversation tools
Follow context, find messages, and choose what to keep or share.
Activity across conversations
The Activity view brings together messages from the workshop channels.
A conversation for two
Rowan and Mira coordinate the workshop in a direct-message buffer.
A restored draft
An unsent workshop message restored after reloading the browser.
Choose what gets saved
The per-conversation history dialog controls whether new messages are stored.
Recent mentions
The mentions panel collects messages addressed to Rowan.
Share one message
A real expiring message link opens a read-only workshop message.
Who reacted
A reaction attribution popover identifies the participant behind a thumbs-up.
Keep a private note
A saved workshop plan has a label and Rowan’s private note.
Choose a send time
The scheduling dialog holds a workshop reminder for tomorrow at 9.
Find the plan
Stored workshop messages appear in message search results.
Review before sharing
Three selected workshop messages are reviewed before creating a public excerpt link.
A shared excerpt
The public read-only view of the selected workshop conversation.
Manage shared links
Shared message links can be reviewed and revoked from upload management.
A message from another room
A live in-window notification appears while another channel is open.
Notification preferences
Notification settings offer delivery, sound, and highlight preferences.
Pause the interruptions
An active one-hour snooze and daily quiet-hours controls appear in notification settings.
Replies in context
A workshop question and its replies appear together in a thread.
Someone is composing
Mira’s live typing indicator appears beneath the workshop conversation.
Return to new messages
An unread boundary marks a new workshop mention.
Media and code
Upload files, preview media, start call setup, and work through formatted text.
Start a call
Relay opens Jitsi call setup and posts the meeting invitation; this is not a completed multiparty call.
A multiline code example
A syntax-highlighted Python sensor example is sent through the network’s multiline support.
IRC text formatting
Workshop messages demonstrate bold, italic, monospace, and colored text.
Images and attachments
The workshop conversation includes an uploaded sensor dashboard and a text checklist.
Open an image
Relay’s image viewer opens the uploaded demo sensor dashboard.
GIFs in the conversation
The selected cat GIF is displayed inline with KLIPY attribution.
An inline video
The uploaded dashboard video is loaded in Relay’s player.
Find a GIF
The optional KLIPY picker displays real happy-cat search results.
Longer code, its own link
A real 33-line Python paste opens with syntax highlighting and raw-text controls.
Managed pastes
Paste management shows the automatic line threshold and stored pastes.
Your uploaded files
Uploaded images, text, and video are listed with expiry and deletion controls.
Navigation and personalization
Organize channels and make the workspace yours.
Command shortcuts
A workshop alias expands to the build channel’s join command.
Command autocomplete
Typing an IRC command opens context-aware completion suggestions.
Channel controls
The channel menu offers favorites, history, notification, and snooze controls.
Related channels together
Relay Lab belongs to Community, with a favorite channel and nested design and development rooms.
A quick way to get there
The command palette searches settings and actions related to themes.
Conversation preferences
Chat settings include drafts, saved messages, scheduling, and message appearance.
Interface preferences
Interface settings control visual aids and channel organization.
Organize networks
The group dialog shows the Community group and Relay Lab assignment.
Your profile settings
Rowan’s profile editor contains a name, project link, custom status, and uploaded avatar.
A profile in the conversation
Rowan’s user information shows profile metadata and the uploaded avatar.
Find a setting
Searching for bubbles locates the corresponding appearance options.
Preview a theme
The installed-theme picker groups available themes by source.
Themes and custom CSS
Theme settings provide selection, catalog, import, export, and custom stylesheet controls.
Browser and PWA controls
General settings show the browser installation and IRC URL controls when supported, alongside settings synchronization.
Accounts and security
Manage sessions, sign-in factors, network security, and protected conversations.
Authenticator enabled
A real disposable authenticator is enrolled; setup secrets and recovery codes are closed before capture.
A registered passkey
The account lists a passkey registered through Chromium’s virtual authenticator.
Signed in on two clients
The account session list includes the separately authenticated demo browser sessions.
Account security overview
Password and session controls appear in the account security workspace.
Network connection options
The actual demo network editor exposes TLS, certificate, and proxy options; the isolated demo IRC connection uses loopback plaintext.
Network authentication options
The network editor offers SASL authentication settings without exposing credentials.
A protected conversation
Messages in the workshop-private channel are sent with Relay’s configured IRC encryption.
Encryption enabled
The conversation’s encryption settings report that encryption is enabled; keys and passphrases are not displayed.
Hosting and administration
Actual server controls and diagnostics; integration examples show configuration, not completed external sign-ins.
Guest access
A fresh guest connection to the administrator-selected private demo network; no account sign-in is required.
Server behavior
The server workspace controls account registration, network groups, statistics, and history.
Authentication policy
Administration controls local two-step sign-in, optional recovery, and provider authentication.
Instance branding
Choose the default theme and official branding behavior.
Optional email recovery
Configuration controls for email recovery are shown; no email delivery or recovery round trip is demonstrated.
Optional integrations
Administration exposes Jitsi, KLIPY, and link-shortening controls; the API key stays server-side.
Short-link policy
The integration page controls shortened-link length, paths, and expiry.
Media and file policy
Administration controls media previews, uploads, and their limits.
Review a moderation action
A real kick-command preview is displayed for the fictional workshop participant; no command is submitted.
Connection diagnostics
Live diagnostics report connection state, capabilities, and transport and authentication information.
Single sign-on configuration
The OIDC configuration control is shown; no external identity-provider sign-in is demonstrated.
The running server
Statistics come from the actual self-hosted Go instance and its demo account.
Manage shortened links
The short-link management workspace lists stored shortened URLs when available.
Storage settings
The running demo uses SQLite; the administration page controls database history and text logs.
Manage accounts
The actual demo account list includes administrator Rowan and the newly created Mira account.
Theme comparisons
The same standard message layout in bundled and catalog themes.
Default
The workshop conversation in the Default theme, using standard message rows.
Terminal
The workshop conversation in the Terminal theme, using standard message rows.
Tux
The workshop conversation in the Tux theme, using standard message rows.
Ion
The workshop conversation in the Ion theme, using standard message rows.
Monokai
The workshop conversation in the Monokai theme, using standard message rows.
Optional message bubbles
One dedicated comparison for people who prefer bubbles.
Optional bubbles
The same workshop conversation with message bubbles explicitly enabled.
Explore Relay
Find the feature you need.
Every feature in the catalog links to its desktop and phone examples.
Browse features