Dalbit

Overview

Dalbit (달빛 - Moonlight) is a deep-dive into the "magnetic button" UI pattern popularized by Awwwards sites, where elements are physically pulled toward the user's cursor.

The Challenge

Creating a magnetic effect that feels natural requires precise math—calculating the bounding box, finding the center, applying proportional translation based on distance, and easing the return.

Core Tech Stack

Key Features

• 01 Proximity-based Attraction
• 02 Physics-based Easing
• 03 Hover State Transformations
• 04 Reusable Component Architecture