Koala UIChangelog
The release log, in eight layouts: a timeline of version cards, a vertical ActivityFeed rail, a row of media cards, a minimal editorial two-column list, a bare date-led notes list, the full release notes a changelog page needs, a pill-filtered thread, and a month-grouped log beside a checkbox filter rail.
Built from#
Every variant is a light composition over the surface tokens, led by the same shared release data. All eight tag their entries with a pill Badge; Variant 2 threads the entries on the canonical ActivityFeed rail, Variant 3 lays them out as hover-lifting media cards, Variant 4 pairs a sticky SectionHeader lede with a hairline-divided list, Variant 5 strips it back to a bare date-pill notes list, Variant 6 is the whole changelog page, each release with a sticky version margin and its changes tagged in a column of their own, Variant 7 filters the ActivityFeed rail with a row of ToggleGroup pills, and Variant 8 groups the thread by month beside a sticky Checkbox filter rail. CTAs use a Button.
Responsive#
Each layout folds cleanly on a narrow frame: the card and list variants (1, 2, 4) lay the version and date beside the note on desktop and stack them on mobile; the media grid (3) steps from four columns to two to one; the editorial rail (4) drops from two columns to one; the notes list (5) is single-column at every width; the release notes (6) fold their sticky margin into one row above each title below md; the filter pills (7) wrap onto a second line before anything else moves; and the filter rail (8) stacks above the thread below lg. Dates use tabular-nums so the column stays aligned. Resize the preview to watch the rows recompose.