Mobile UI design

Dark mode · the circle from the switch

A settings card whose Dark mode switch doesn't just flip colours: the dark theme grows out of the switch itself as a circle until it covers the whole card, and switching back pulls the circle into the switch again. The other switches keep working in either theme.

What it is

A dark-mode switch that makes the change feel physical: the new theme spreads out from the switch you touched until it covers the whole card, and draws back into it when you switch off.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 12 集「8 个让 App 和小程序变高级的组件交互」 · 03 深色模式切换 Dark