Back to library

Apple

Liquid Glass CTA

A refined liquid surface CTA with restrained sheen and springy press behavior.

glassctafluid

Usage

Use this interaction when the action benefits from immediate tactile feedback without taking visual attention away from the surrounding interface.

Platform: iOS

Motion parameters

Interaction
Primary continuation CTA
Hover
Liquid surface rises to 38%
Press
Liquid surface rises to 22%
Spring
stiffness 150 / damping 20
Duration
280-420ms
Easing
spring

Code

tsx
<LiquidGlassCTA />

Production API and token extraction will be added in a later package pass.