Filtering interaction

An animated filtering & sorting interaction. It's inspired by Necati & Oğuz. The original interaction was more of a happy path where each filter affected the elements right at the edge of the list. In a more realistic situation, this won't be the case. So I adjusted my version to also animate the sorting animation since the filters can target any of the people in any position (not just the edges).

Built with Framer motion & tailwind.