Motion+

Carousel: iOS exposure slider

An example of creating a camera exposure slider interface with animated notches using the Motion+ Carousel component for React.

Time
5 min
Difficulty
Advanced
Access
Motion+
>Live exampleOpen in new tab

Introduction

The Carousel: iOS exposure slider example recreates the smooth, tactile feel of iOS camera's exposure adjustment control. As users drag the slider, notches animate in and out with spring physics, mimicking the visual feedback of the native control.

This example uses several Motion APIs working together: