What the example product team plans to ship before the end of the year.
Browse Demo
A live example of browsing a blog. This is a section blog of eight example posts in three categories, spread over two years, so the browse panel below has something in every row. It keeps to its own folder, so the examples stay off the real BinaryNoir blog.
Try it:
- Pick a category, then a keyword: the filters combine, and every count changes to show what each next click would leave.
- Pick a year to open its months, then a month. Click the month again to go back to the whole year.
- Open "+3 more" at the end of the keywords. The row shows the five most used keywords first; opened, it lists all eight alphabetically. On a phone, swipe a row sideways to see the rest of it.
- Remove one filter with its × above the posts, or clear them all with "Show all posts".
- Or open a view by its URL: Engineering, Design posts tagged
ux, 2025, October 2026.
The page needs nothing more than this:
yaml
blog-index:
layout: grid
groupBy: year
pageSize: 4
tagLimit: 5The browse panel is on by default. Each post gives a category and tags, and one is pinned, so it stays at the top of the first page. tagLimit: 5 cuts the keyword row to five before "+3 more"; the default is 12.