1659

CRED Custom Amount Slider Interaction

CRED Custom Amount Slider Interaction

A horizontal ruler-style slider with a 3D cylindrical perspective effect used to select a custom autopay amount. As the user drags the dial, the tick marks rotate along a virtual cylinder, fading out at the edges to simulate depth. The selected amount is displayed in large text above the dial, updating dynamically with a fast rolling or ticking animation as the value changes. The slider supports fine-grained control with clear visual feedback, snapping to values when released.