Built a fully functional Framer-style visual editor

Tech: Next.js, TypeScript, React, Zustand, Supabase, Liveblocks, Framers Motion, Custom Canvas Engine

Description:

Web-rereal is a browser-based visual website builder engineered with a custom canvas interaction engine and structured scene graph architecture.

Web-Rereal Studio is a fully custom-engineered visual website builder inspired by modern tools like Framer and Figma, but built from the ground up with a scene-graph-driven architecture instead of DOM-dependent manipulation. Unlike traditional page builders that rely heavily on DOM measurements and reflows, Web-Rereal Studio uses a structured SceneGraph model combined with a viewport transformation engine for precise coordinate mapping and scalable collaboration logic.

Role: Design + Interaction + Development

Link: web-rereal.vercel.app