MAGDA — an interactive 3D portfolio built around a draggable cube where each face is a project. Spin it freely, hover the side list to rotate to a specific project, and click any face to open its case in a popup — all on a single page, no navigation away.
Built with Framer Agent: it generated the 3D cube geometry (six faces positioned in 3D space), the drag-to-rotate physics, click-to-snap rotation, and the popup overlay system with per-face content. The brand, typography, layout, and styling I designed on top.
The result is a portfolio that doubles as a component — fully editable from the property panel: cube size, animation speed, list styling, popup dimensions, typography, colors, per-face images, content, and links.
MAGDA — an interactive 3D portfolio built around a draggable cube where each face is a project. Spin it freely, hover the side list to rotate to a specific project, and click any face to open its case in a popup — all on a single page, no navigation away.
Built with Framer Agent: it generated the 3D cube geometry (six faces positioned in 3D space), the drag-to-rotate physics, click-to-snap rotation, and the popup overlay system with per-face content. The brand, typography, layout, and styling I designed on top.
The result is a portfolio that doubles as a component — fully editable from the property panel: cube size, animation speed, list styling, popup dimensions, typography, colors, per-face images, content, and links.