How can I create a gallery that sorts like on www.squarespace.com/templates ?

Hello, how can tagged pictures in a gallery be sorted the way Squarespace does it on their own template comparison page: Everytime you click a category, the templates rearrange.
How's this done ?

It looks like there's a script on that page that grabs all of the template information into an array when the page is loaded (possibly via an Ajax call, because the project info is not a part of the initial payload). At this point the default Featured view is randomised. Refreshing the page will randomise again.

Clicking the categories fires off a script that applies that particular filter - hiding templates that are not applicable - and uses css transitions/animations to give the nice dynamic redraw effect.

Clicking a category does not randomise - only refreshing the page does that.

It's something that you can only do with developer mode and some nice client side scripting.

Thanks for the insight - I'm willing to do without the random thing

if only my galleries learned to sort!

I think Mixitup would be the solution.is it possible to use Mixitup(https://mixitup.kunkalabs.com/) on Squarespace?I really want to know

I think Mixitup would be the solution.is it possible to use Mixitup(https://mixitup.kunkalabs.com/) on Squarespace?I really want to know

Bumping this after 4 years to see if there's a way to do this now?? I'm super interested in having this implemented.