All projects

Web-Rereal Visual Website Builder

A Framer-style visual website builder built with a custom canvas interaction engine.

Next.jsTypeScriptReactZustandSupabaseLiveblocksFramer Motion

About this project

Web-Rereal Studio is a browser-based visual website builder engineered with a scene-graph driven architecture instead of traditional DOM manipulation. It uses a custom canvas engine and viewport transformation system to manage object positioning, scaling, and interactions precisely. The system is designed to support scalable collaboration logic, interactive editing, and structured visual page building similar to modern design tools like Framer and Figma.

Preview

Web-Rereal Visual Website Builder screenshot 1