I’ve released the first official version of Pixel Kit, a web-based design editor. This release replaces a public beta and represents a structural shift rather than a feature update.
Pixel Kit is built using React and Next.js, with TypeScript for static typing. State management is handled with Jotai, and persistence is backed by MongoDB.
During the beta, the main limitation was performance under frequent updates. Editing entities such as shapes caused unnecessary React re-renders because state was coupled and updates propagated too broadly.
For the official release, I re-architected the state model around fine-grained fragmentation. State is now split by entity and, where necessary, by property. Updates target only the affected slices, which significantly reduces render pressure and improves responsiveness under continuous interaction.
This change resulted in:
Localized updates instead of global reconciliation
Predictable render behavior under high-frequency mutations
A more deterministic editing pipeline with fewer implicit side effects
Removal of defensive and experimental logic introduced during the beta
The goal of this release was to stabilize the core architecture and establish clear internal contracts. The editor now behaves consistently under load and provides a solid base for future features such as more advanced undo/redo and scalability improvements.
The app is live here: https://pixel-kit.vercel.app/ Note: registration is required to try the editor.
I’m primarily interested in feedback on the UI features.
Thanks for reading.