In the past few weeks, I built an open-source design editor that works similarly to Polotno โ and decided to open-source it as OpenPolotno.
The goal was simple: create a Canva-like editor that developers can fully control, customize, and self-host.
๐ Why I Built This
Polotno is a great tool, especially for quickly building design editors.
But while working with it, I felt a few limitations:
Limited control over customization
Dependency on a proprietary ecosystem
Constraints when scaling or extending features
I wanted something that:
Gives full ownership of the editor
Allows deep customization
Can be self-hosted without restrictions
So I decided to build an alternative โ compatible with Polotno, but fully open.
๐ง The Idea
Instead of reinventing everything, I focused on:
๐ Compatibility
If developers are already using Polotno, they shouldnโt need to rewrite everything.
So OpenPolotno supports:
Similar API structure
Template compatibility
Familiar data format
This makes migration or integration much easier.
โจ Features
Hereโs what the editor currently supports:
๐จ Drag-and-drop canvas editor
๐ผ๏ธ Text, images, and layer management
๐งฉ Polotno-compatible templates
๐ Similar API structure
๐พ JSON-based import/export
โก Fast and lightweight performance
๐ Fully open-source
๐งฑ Challenges I Faced
Building a design editor is not trivial. Some of the biggest challenges were:
- Canvas Rendering Performance
Handling multiple elements (text, images, layers) while keeping the editor smooth required careful optimization.
- Data Structure Compatibility
Making the system compatible with Polotno templates while keeping it flexible internally was tricky.
- UX Complexity
Even small features (like dragging, resizing, layering) require a lot of edge-case handling.
- Scalability
Designing the architecture so it can grow into a full product (plugins, extensions, etc.) took planning.
๐ฏ What This Can Be Used For
OpenPolotno can be used to build:
Canva-like SaaS products
Social media design tools
Internal design platforms
Marketing automation tools
Basically, anything that requires a visual editor.
๐ Links
GitHub: https://github.com/therutvikp/OpenPolotno
NPM: https://www.npmjs.com/package/openpolotno
๐ฌ Feedback Welcome
This is just the beginning. Iโd love feedback from developers who:
Have used Polotno
Are building design tools
Need a customizable editor
If you have suggestions or ideas, feel free to share ๐
Top comments (1)
did you just rip it from their source code or actually make this yourself?