View
Project
UI Kit Mobile

Magnetic

A premium mobile UI kit with magnetic, fluid interactions and bold visual language.

Magnetic — Cover
Overview

A modern UI kit designed around the concept of magnetic attraction — interfaces that pull users in with fluid animations and bold typography.

Every component is crafted to create a sense of tactile interaction, making digital interfaces feel alive and responsive.

Role

Product Designer

Type

UI Kit

Focus

Motion & Interaction

Platform

Mobile

Scope of Work
Interaction
Magnetic interactions
Spring physics
43 unique animations
Design
Bold typography
High-contrast accents
Grid-breaking layouts
Mobile UI Kit
Component library
Motion guidelines
Documentation
Design Philosophy

"Magnetic" interactions: attract, resist, snap with physics.

Spring-based motion: taps ripple, drags resist, releases carry momentum. Alive UI, no noise.

Bold typography + high-contrast accents. Grid-breaking layouts, balanced.

Motion System

43 unique animations with spring physics and elastic easing for fluid movement.

Consistent spring parameters. Buttons compress/overshoot on release. Cards use subtle parallax for depth.

Shared-element morphs over crossfades. Shape morphing for loading. Motion guidelines for implementation.

Magnetic — Screens
Magnetic — Components
Magnetic — Details
Magnetic — Typography
Magnetic — Animation
Next Project

Nomo

UI Kit