Skip to content

Gallery

github-actions[bot] edited this page Oct 19, 2026 · 10 revisions

Gallery

Generated from the golden images of the repository by the wiki generator. Edit the templates there; changes made on the wiki are overwritten.

Every profile, starter and calendar template rendered from the sample data, in light and dark, each on the page colour of its theme.

Cards over a data source other than GitHub are rendered from their fixture data.

Year Ring

Calm and cobalt: a typed last push, an index table, recent work and repository cards with a 52-week line, around a turning 3D ring.

Template folder · Components docs

Light

Year Ring, header, light Year Ring, year, light Year Ring, index, light Year Ring, recent, light Year Ring, work, light Year Ring, repo-1, light Year Ring, repo-2, light Year Ring, repo-3, light Year Ring, repo-4, light Year Ring, repo-5, light Year Ring, repo-6, light Year Ring, footer, light

Dark

Year Ring, header, dark Year Ring, year, dark Year Ring, index, dark Year Ring, recent, dark Year Ring, work, dark Year Ring, repo-1, dark Year Ring, repo-2, dark Year Ring, repo-3, dark Year Ring, repo-4, dark Year Ring, repo-5, dark Year Ring, repo-6, dark Year Ring, footer, dark

Horizon

An orange poster: the name full width, a commit ticker, repositories ranked by stars, stack and worked with, over a lit 3D terrain.

Template folder · Components docs

Light

Horizon, header, light Horizon, ticker, light Horizon, year, light Horizon, work, light Horizon, repo-1, light Horizon, repo-2, light Horizon, repo-3, light Horizon, repo-4, light Horizon, repo-5, light Horizon, repo-6, light Horizon, stack, light Horizon, worked, light Horizon, footer, light

Dark

Horizon, header, dark Horizon, ticker, dark Horizon, year, dark Horizon, work, dark Horizon, repo-1, dark Horizon, repo-2, dark Horizon, repo-3, dark Horizon, repo-4, dark Horizon, repo-5, dark Horizon, repo-6, dark Horizon, stack, dark Horizon, worked, dark Horizon, footer, dark

Pinscreen

An editor: a status bar, repositories as Kotlin objects, a terminal git log and a build script stack, over a wall of pins.

Template folder · Components docs

Light

Pinscreen, header, light Pinscreen, year, light Pinscreen, work, light Pinscreen, repo-1, light Pinscreen, repo-2, light Pinscreen, repo-3, light Pinscreen, repo-4, light Pinscreen, repo-5, light Pinscreen, repo-6, light Pinscreen, log, light Pinscreen, stack, light Pinscreen, footer, light

Dark

Pinscreen, header, dark Pinscreen, year, dark Pinscreen, work, dark Pinscreen, repo-1, dark Pinscreen, repo-2, dark Pinscreen, repo-3, dark Pinscreen, repo-4, dark Pinscreen, repo-5, dark Pinscreen, repo-6, dark Pinscreen, log, dark Pinscreen, stack, dark Pinscreen, footer, dark

Stats card

Name and seven totals in two columns.

Design file · Examples repository · Components docs

Light

Stats card, stats-card, light

Dark

Stats card, stats-card, dark

Isometric card

The year's total over the isometric calendar.

Design file · Examples repository · Components docs

Light

Isometric card, isometric-card, light

Dark

Isometric card, isometric-card, dark

Banner

A wide banner: name in a display font, bio under it.

Design file · Examples repository · Components docs

Light

Banner, banner, light

Dark

Banner, banner, dark

Language bars

The six biggest languages as bars in their colours.

Design file · Examples repository · Components docs

Light

Language bars, language-bars, light

Dark

Language bars, language-bars, dark

Profile card

The showcase: name, stats, isometric calendar and streaks.

Design file · Examples repository · Components docs

Light

Profile card, profile-card, light

Dark

Profile card, profile-card, dark

Heatmap calendar

Rounded squares coloured by level, like GitHub.

Design file · Examples repository · Components docs

Light

Heatmap calendar, calendar-heatmap, light

Dark

Heatmap calendar, calendar-heatmap, dark

Isometric calendar

Isometric pillars whose height follows the count.

Design file · Examples repository · Components docs

Light

Isometric calendar, calendar-isometric, light

Dark

Isometric calendar, calendar-isometric, dark

Dots calendar

Dots that grow with the level.

Design file · Examples repository · Components docs

Light

Dots calendar, calendar-dots, light

Dark

Dots calendar, calendar-dots, dark

Coding-time card

Coding time over a range with its daily average, languages as bars, editors and operating systems.

Design file · Components docs

Light

Coding-time card, coding-time-card, light

Dark

Coding-time card, coding-time-card, dark

Libraries card

Latest versions of a project's npm packages and Maven artifacts, with weekly downloads and release dates.

Design file · Components docs

Light

Libraries card, libraries-card, light

Dark

Libraries card, libraries-card, dark

Clone this wiki locally