Chogak

Overview

Chogak (조각 - Piece/Fragment) is an experimental photo gallery focusing on the micro-interactions of expanding a grid thumbnail into a full-screen detailed view.

The Challenge

Standard layout shifts (like opening a modal) break user context. The challenge was implementing a FLIP (First, Last, Invert, Play) animation technique to smoothly morph elements between grid and detail states.

Core Tech Stack

Key Features

• 01 FLIP Layout Animations
• 02 Staggered Grid Reveals
• 03 High-performance Transforms
• 04 Vue Transition Group Mastery