Rust and WebAssembly brought a decade-old visual product to the browser: real-time rendering for Relate
Relate organizes information spatially so people work with knowledge visually, not through tabs and folders. To reach a global audience, it needed a performant web version the browser's normal layout model could not deliver. Rollout IT contributed Rust and WebAssembly expertise to build a real-time renderer for complex knowledge structures.
Have a product that needs more than standard web UI? Talk to us
Snapshot
| Field | Detail |
|---|---|
| Client | Relate |
| Industry | Productivity / knowledge-work platform |
| Region | Canada |
| Company stage | Long-running product approaching release |
| What we built | Rust and WebAssembly architecture support for a browser-based visual workspace |
| Tech stack | Rust, WebAssembly, React, JavaScript, Python context |
| Time-to-value | Year-long collaboration (per source) |
| Headline KPIs | Web transition for a product researched since 2010 – real-time renderer contribution – modular architecture |
The challenge
Relate is not a conventional note-taking or collaboration tool. It organizes information spatially so people can work with knowledge visually. The founder had researched the concept since 2010, but global adoption required a platform-independent web version, and that created a hard technical constraint: the browser's normal layout model was not enough for a highly graphical, real-time workspace. Getting performance wrong would have made the web version unusable, and the web version was the whole point.
Why Relate chose Rollout IT
Relate needed more than general frontend help. The project required Rust mentorship, WebAssembly understanding, and someone who could challenge architecture decisions thoughtfully. Rollout IT's developer joined as a specialist contributor to make the web version performant and maintainable, bringing scarce Rust depth exactly where the product's viability depended on it.
The solution
The collaboration focused on the part of the system that turns Relate's internal data structures into visuals in the browser. Rust and WebAssembly were chosen for high-performance rendering and better type safety than the earlier C++ direction. The architecture separated responsibilities cleanly: backend communication feeds a presenter layer, a semantic graph represents knowledge, a layout engine transforms that knowledge into a visual graph, and the renderer translates the output into draw calls that appear correctly and in real time inside a React container.
Our developer contributed to the renderer and helped solve Rust-specific design questions, and the collaboration helped the team separate modules more clearly, which made parallel development easier as the system grew. This is the kind of deep, specialist Rust work that is hard to staff and where a focused partner contribution moves an ambitious product forward.
Results
- Relate gained a browser-ready foundation for a highly visual workspace.
- Rust and WebAssembly let the team pursue performance beyond standard web layout.
- Architecture discussions improved modularity and long-term maintainability.
| Metric | Before | After | Timeframe |
|---|---|---|---|
| Platform strategy | Rich graphical product outside mainstream web delivery | Web-focused architecture with Rust/WebAssembly renderer | Year-long collaboration |
| Rendering model | Browser layout insufficient for the vision | Custom draw-call rendering inside a React container | Engagement period |
| Architecture | Large, complex system under redesign | Clear blocks: backend comms, presenter, graph, layout, renderer | Engagement period |
| Team capability | Founder learning Rust while architecting | Specialist Rust mentorship and implementation | Engagement period |
The AI angle
No AI capability is claimed here. The business value is platform reach: moving a complex visual product to the web makes adoption easier for global users.
What's next
Before publication, confirm what can be said about release timing, active roadmap, and current collaboration status. The source mentions budget constraints, so the updated story should frame the engagement respectfully. Rollout IT remains available for further Rust and rendering work.
FAQ
Why Rust and WebAssembly for a web product? They enable high-performance, real-time rendering in the browser (beyond standard layout) with better type safety than the earlier C++ approach.
What did Rollout IT contribute? Specialist Rust and WebAssembly expertise on the renderer and architecture, plus mentorship for the founder's team.
What kind of product is Relate? A spatial, visual knowledge-work platform, researched since 2010, moving to a platform-independent web version.
What was it built with? Rust, WebAssembly, and React, with JavaScript and Python context.
Design the performance layer that makes your product usable in the browser. Talk to us.