Atlassian has developed a custom rendering engine called Canvas to meet the performance and scalability demands of Confluence Whiteboards, their digital whiteboard solution designed to support large, complex collaborative spaces with low latency and high responsiveness.
- Custom Canvas engine renders massive boards with low latency
- Rendering pipeline inspired by game development architecture
- Supports nimble iterations to stay competitive
What happened
Atlassian’s Confluence Whiteboards team has built a homegrown rendering engine named Canvas to support their digital whiteboard application. Recognizing that whiteboards can grow to be very large and complex, with numerous elements needing real-time updates and smooth interaction, the engineering team designed a rendering pipeline inspired by game industry practices. This pipeline runs on a persistent game loop, executing in phases that handle input capture, state updates, and frame rendering in a structured, uni-directional manner.
This approach allows the whiteboards to act as a ‘living brain’ for teams, enabling continuous collaboration on an infinite canvas without sacrificing performance. The system performs hit testing that goes beyond standard DOM event methods to accommodate WebGL-rendered elements, which lack native DOM listeners. By modularizing tasks across distinct phases and leveraging internal abstractions, Atlassian ensures both high performance and ease of maintenance.
Why it matters
Digital whiteboards have become essential tools for modern work, facilitating creativity and coordination across teams. However, the challenge lies in maintaining a responsive and fluid user experience as whiteboards scale in size and complexity. Atlassian’s engineering solution addresses this challenge by delivering consistent low-latency interaction even with massive boards filled with numerous elements, which is critical to ensuring user engagement and productivity.
Moreover, building a custom rendering pipeline based on game development principles sets Atlassian apart from competitors who may rely on off-the-shelf solutions or overly complex rendering frameworks. This tailored architecture provides flexibility for rapid iteration and adaptation in a fast-evolving SaaS market, positioning Confluence Whiteboards to better meet customer needs and remain competitive.
What to watch next
Going forward, it will be important to monitor how Atlassian continues to expand the capabilities of the Canvas rendering engine and Confluence Whiteboards product. Enhancements may include further performance optimizations, adding new interaction patterns, or integrating more tightly with other Atlassian Cloud tools. The team’s emphasis on modularity and nimbleness suggests that the platform will evolve quickly to incorporate user feedback and emerging collaboration trends.
Another key area to watch is how the Canvas engine’s design and architectural decisions influence the broader digital whiteboard landscape. Other SaaS providers might adopt similar game-inspired rendering approaches to improve scalability and responsiveness in collaborative software. Atlassian’s progress could thus shape best practices for delivering high-performance, web-based collaboration experiences globally.