1395

Family Wallet Creation Onboarding Sheets Morph Interaction

Family Wallet Creation Onboarding Sheets Morph Interaction

This onboarding interaction guides the user through creating a wallet and backing up their recovery phrase. It begins with a loading grid animation where purple coordinate dots fade in. Once ready, a wallet card slides up, followed by a contextual tooltip. Tapping the backup button triggers a full-screen dimmed overlay and a bottom sheet containing a paginated educational carousel. The final step of this carousel morphs seamlessly: the bottom sheet collapses into a purple card that flies upward, performs a 3D flip rotation, and expands to reveal the 12-word recovery phrase. Finally, the backup options stagger in from the bottom with a springy settle.