Premium
Home Screen Widget Edit
An original phone home screen enters edit mode: icons jiggle on staggered phases, a weather widget is dragged from small to large as its neighbours reflow on springs, a photo widget is lifted from the gallery and dropped into place, and Done lets every wobble die out.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- HTML/CSS
- Topics
- Phone · Product UI
About this style
Home screen customisation became a showcase feature once phones let widgets sit among app icons, and the edit mode that makes it possible has its own motion language: wiggling tiles that say everything can move, grid sizes that snap, and neighbours that spring out of the way. Product teams demo it in launch films and onboarding because the springs make the rules of the grid visible. The best demos keep every element on its own physical path, so the screen feels like objects being rearranged rather than a layout being swapped.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A device built in three.js rises out of total darkness while a softbox reflection glides along its titanium edge, then…
One black pill on a phone screen morphs into a notification, a live card and a music player on closed-form springs that…
A recipe app demonstrates Material-style motion: a card expands into a full screen, tabs switch on a shared axis, a FAB…
A phone on a terracotta stage wakes to a dusk-hills wallpaper: frosted notifications spring up and push each other, thr…
More like this on the motion design inspiration board: UI animation inspirationApp animation inspiration