Catalogue filter
Filtermade for SOLENNE ↗
Choosing a category rearranges one shelf instead of loading another. Objects that stay glide to their new places, objects that go shrink away where they stood, and new ones grow in. The category is written to the address, so a shared link opens on the same shelf.
Objects
12 objects
How it behaves
- The pill behind the categories travels to the one chosen.
- The count of objects updates with the shelf.
- The shelf's own height eases to fit what is left on it.
How it is made
- FLIP: every card is measured before and after, then let go from where it was.
- Leaving cards are drawn where they stood while they fade.
- The address changes with replaceState, so Back still leaves the page.