Swapnanil Gupta

Software Engineer

CS Graduate Student at University of Florida

Dynamic Island

An implementation of Apple's Dynamic Island on the web using React and Framer Motion. Dynamic Island has some of the smoothest and coolest animations on an iPhone. The snappy and elastic animations make it look very lively and natural - which was the primary focus of the implementation. It supports the following states: Idle, Ring, Silent, Timer and Music.

TypeScriptReactFramer Motion

Fluid Animations