Design preview — not the running app

Rider Comms, one map screen with a Public/Host switcher

Install this to your home screen (share icon → Add to Home Screen) to see it full-screen like a real app. Map, Group Ride, and Settings in a bottom tab bar — Group Ride jumps to the same map's Host mode instead of its own screen, so only one map ever loads — with an active ride as a floating bar over any tab.

Simulate an active ride (to see the floating bar)
9:41 ●●●●  5G  100%
Map

Join or host a ride

Enter a 6-character code to join a ride, or host your own.

736KI7
That code doesn't match an active ride.

Accounts aren't built yet — this profile is local to this device.

Nearby riders
Ride invites
Group chat messages
Share my location while riding

Other riders in your zone can see your position on the map.

Version 0.1.0
In ride · K4XQPZ
Host a ride

You'll get a code to share with the riders joining you, and can add or remove riders as host. It expires automatically after 12 hours of inactivity.

In ride
Share code
K4XQPZ

Ride ID: rd_9f1c2e0a

Audio priority — nav overrides chat overrides music

Navigation
Group Chat
Music

Choose an avatar

Pick how other riders will see you on the road.

Static preview built to match mobile/src/navigation/index.tsx, mobile/src/theme.ts, and the screens in mobile/src/screens/ — a persistent Map, Group Ride, and Settings in a bottom tab bar. Group Ride redirects to the Map tab's Host mode rather than being its own screen, so only one map ever loads; an active ride shows as a floating bar rather than its own screen. The real app also needs the backend running and the LiveKit voice connection, neither of which exist on this page.