
Upshotly
Product Design
User Experience
Interaction Design
Nov 14, 2019
Reference Fields
To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.
Infinite Scrolling with custom Spinner component
Load More Button with custom Button component
Enjoy freeform positioning of both components
Design your own Loading and Hidden states

Filtering
We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.
The Characters and Their Words

Walter White
“I am not in danger, I am the danger.”
This line marked Walter’s chilling descent into Heisenberg. My design reflects his transformation, with stark shadows and sharp lines that highlight his duality.

Jesse Pinkman
“Science, bitch!”
Jesse’s raw energy and unfiltered personality shine in this piece. Using bold contrasts, I captured his excitement, rebellion, and heart.