Csyformiq / App Motion Library 1.1
Premium motion patterns for app interfaces.
A curated library of refined button interactions for AI products, mobile apps, commerce flows, and experimental interface systems.
12
Motion patterns
04
Categories
Motion
Runtime
Search and filter surface
Apple
4 patternsQuiet, tactile, native-feeling actions inspired by Apple product surfaces.
System
4 patternsReusable interface feedback for everyday app operations.
Commerce
2 patternsConversion-safe motion for purchase, download, and save flows.
Experimental
2 patternsExploratory behaviors for new interaction models and product labs.
Button card grid
Browse the motion system.
Each card opens a stable detail page with preview, usage notes, motion parameters, and copyable code.
01
AppleApple Wallet Button
A compact payment-style CTA with subtle lift, soft compression, and restrained highlight movement.
02
AppleApple Music Play Button
A tactile media action with a soft icon pulse and physical press response.
03
AppleVision Hover Button
A spatial interface inspired hover state with calm depth, focus, and controlled brightness.
04
AppleLiquid Glass CTA
A refined liquid surface CTA with restrained sheen and springy press behavior.
05
CommerceApp Store Download Button
A store-style download action with quiet progress affordance and premium purchase intent.
06
ExperimentalDynamic Island Action Button
A compact live-activity inspired action that expands with a small status preview.
07
SystemPress Scale Button
A foundational tap interaction using subtle scale and shadow compression.
08
SystemRipple Feedback Button
A controlled ripple response that confirms touch without overpowering the interface.
09
ExperimentalMagnetic Hover Button
A pointer-aware hover behavior for web apps and polished desktop product surfaces.
10
CommerceDownload Progress Button
A compact progress state for install, save, and offline download moments.
11
SystemSuccess State Button
A state transition that keeps completion feedback inside the original button.
12
SystemLong Press Confirm Button
A hold-to-confirm interaction for sensitive product actions and irreversible flows.