This interaction showcases a highly fluid bottom sheet that morphs its shape, height, and content dynamically based on user taps. Tapping on the 'Transaction Request' badge expands the sheet into a detailed 'Transaction Preview' using spring physics. From there, tapping on informational badges (like 'Estimated Time' or 'Verified Domain') morphs the sheet again into focused explanation cards. Closing these tooltips smoothly morphs the sheet back to the preview state, and closing the preview returns to the initial transaction request view. The transitions maintain visual continuity by morphing the container boundaries while fading and sliding internal elements.

Category