Side Project
High-Performance Website Builder
Drag-and-drop, undo/redo, keyboard-first navigation — built for power users, not beginners.
StackReact, Zustand, dnd-kit
RoleDesigner & Developer
Problem & My Approach
Most website builders optimize for beginners — visual, guided, but slow. Every action requires clicking through menus and waiting for animations. I built a website builder for power users who already know what they want: keyboard-first, instant interactions, zero friction.
Fig: Website Builder
01Roles
A User, a Designer, and a Developer
Wearing all three hats meant every decision got checked from a different angle.
As a user, I observed myself where I —
- Paused
- Thought something was broken
- Expected performance to feel jank-free
- Expected the product to feel native
As a designer, I made sure —
- Keyboard navigation feels intuitive
- The performance stayed up to the bar
- And the product is scalable
As a developer, I made sure —
- The code is clean and not redundant
- The stack + methodologies were scalable
- The logic was easy to architect
02Building
The Technical Execution
Responsive like a code editor, not a toy.
Built with React and Zustand state management. Custom drag-and-drop system using dnd-kit overlays. Debouncing logic maintains 60fps during intensive updates. The result: a builder that feels as responsive as a code editor, not a toy.
03Try It