Refraction Motion

About Refraction Motion

Two phones on the lake wallpaper, every piece of glass moving on its own spring. In the music app, the tab bar lens travels between tabs and stretches with speed, the island grows into a Now Playing notification, and the bar folds into a mini player. In the photo app, the + button melts into its menu, the Live Photo switch lifts its knob into a lens, and the segmented drop walks from Years to All. A Speed control slows every spring to ½× or ¼× so you can watch the glass bend.

Features

• 8 components: Tab Bar, Island, Mini Player, Morph Menu, Switch, Segmented, Surface and Wallpaper

• Real refraction of the picture behind, not a blur

• Demo Loop on Tab Bar, Morph Menu and Switch — plays in Preview and on the live site, never on the canvas

• Autoplay on the Island and a Collapsed state for the Tab Bar

• One clock for every spring: Speed 1×, ½× and ¼×

• Respects Reduce Motion and draws nothing off screen

• Keyboard and screen-reader ready: every control has a name and a visible focus ring

• Download: board + 8 code files, setup guide and licence

Created by LUNAUT Studio.