I’ve built Pixel Kit, a browser-based tool for designing mobile and web user interfaces.
Free registration is required to save, edit, and share projects safely during the beta launch.
Technical Details:
Uses Jotai to manage a dynamic atomic state, enabling creation and modification of elements without rewriting the entire state.
Each UI element has its own atom, minimizing unnecessary state reconstructions.
Undo/redo system built on top of a Jotai store captures selected elements without triggering extra renders.
Layout system is also built in Jotai, outside of the render process. This allows elements to adapt responsively with minimal computational cost inside the canvas.
Rendering handled by React Konva on an HTML5 canvas for efficient, reactive drawing of interface components.
Tech stack: React, Next.js, MongoDB, Jotai, React Konva.
Feedback Requested:
Looking for feedback on performance, UX, and data model structure.
Link: https://pixel-kit.vercel.app/signup
Comments URL: https://news.ycombinator.com/item?id=45479110
Points: 1
# Comments: 0
Source: pixel-kit.vercel.app
