What is Shared Element Transition?
An element moves and transforms from one position to another across two different screens or states. It keeps the user oriented during navigation.
same card · grid → detail
A shared element transition keeps users oriented by...
Write it in your own words in the app.
In real work
Add a shared element transition. The card thumbnail should expand into the full detail view when tapped.
In the illustration
The tapped thumbnail lifts out of the grid and rides the pantograph, growing smoothly until it becomes the header of the detail board; it is the same piece, never swapped.
Add a shared element transition in your animation library so the thumbnail on the grid becomes the hero image on the detail screen, matching position and corner radius.
Try it now
The fastest way to learn a word is to use it. Open this line in the agent you already work in and watch what it does. Change the tool to the one you use.
Go further
01Practice
Make it stick
One term a day, a short quiz, and sentence practice that checks your own words.
02Verify
Prove you know it
Pass the quiz and keep it in a Skills Wallet you can share with anyone who needs proof.
03Career
Find the work that uses it
See which roles lean on this vocabulary, and what they pay in year one.
Learn the next term tomorrow.
Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews. Then it quizzes you until the word sticks. One term a day on iPhone.
