What shipped in each version of the kit, and when. Newest first.
Version 1.1 - 26 September 2026
382 ready-made layouts on top of the component set: blocks, whole app screens and whole marketing pages. Assembled from the kit's own components rather than drawn over them, so everything inside them is still a live instance. Free for anyone who already owns the kit.
Pro Blocks
150 components in 9 sections: log in, sign up, forgot password, verification, 404, banners, credit cards, video players and ten email templates.
Auth, 404 and banners ship at 1440 and 390, drawn at both rather than scaled.
The emails instance a shared Header and Footer, so one change reaches all ten.
Credit cards and video players keep fixed colours on purpose: a card is artwork and a player frames somebody else's content, so neither should follow a rebrand.
App UI & Dashboards
61 components in 3 sections: 59 screens at 1440 x 960, plus the two sidebars they share.
Nineteen dashboards, nineteen informational pages and twenty-one settings screens, from a four-KPI overview to a calendar day view.
Between them they place 3,728 live instances of the kit, so the tables, charts and fields on these screens are the components you already have.
Every screen instances one of two shared sidebars, a full one at 272 or an icon rail at 72, so changing the navigation once reaches all of them.
Charts fill their cards and tables are refitted to the card they sit in, rather than sitting in a third of the space they were given.
Website pages
171 components in 11 types: 132 page designs, each drawn top to bottom.
Landing, about, pricing, blog indexes and posts, contact, team, FAQ, legal, log in and sign up. The longest is 6,318 tall.
Every page instances the same Website Header and Footer, so a whole site follows one change.
Log in and Sign up ship at both breakpoints; the other nine types are one page each, because a marketing page is the one a designer re-flows themselves.
Each type is its own Penpot page, so opening Pricing does not load twenty landing pages with it.
This site
A page per section and per type, with the numbers read from the file rather than transcribed.
One live example per section, rebuilt in the browser at the coordinates measured from the board itself. They behave: hover a row, choose a period, open a date picker, tab through with the keyboard.
Every state on them is the kit's own, read from its component pages rather than invented. base.ring is #a1a1a1, and focus replaces the border rather than drawing a ring around the control.
The Pro Blocks previews are interactive too, all 71 boards.
Docs pages for Pro Blocks, App UI and Website pages, covering what an instance lets you change and what forces a detach.
In the file
2,221 addressable components on 74 pages, up from 1,839 on 61.
Everything new is bound to the same token sets, so both themes and any brand you apply follow along.
Original content throughout: our own people and companies, no third-party brands, and photographs and maps as Aspect Ratio placeholders.
Version 1.0 - 7 September 2026
The whole kit, in one file, with the agent skills that let your tooling read it. Everything below ships in every paid plan.
Every page opens with a Components frame holding the full variant matrix; most add a usage frame showing the component in real context.
Built with real variant containers and instances rather than copies, so a change to a main reaches everything that uses it.
A Style Guide page and a Documentation section, written inside the file for people who never leave Penpot.
Design tokens
611 tokens in five sets, with Light and Dark themes resolved end to end.
Semantic names on top of a palette - base.primary, base.muted-foreground, radius.lg - so a rebrand repoints tokens instead of editing components.
Fills, strokes, radii, spacing and type all bound. Type binds font-size and font-weight separately, because a typography token breaks line-height in Penpot.
Exports to a shadcn-shaped globals.css, and reads one back to repoint the kit.
Icons
The complete Tabler outline set, 5,130 icons, imported as editable vectors on their own page.
Drawn at 24 and used at 16 with the stroke kept, which is the weight every component in the kit is built to.
Agent skills
All 9 skills - setup, select, design, to-code, page, import-tokens, brand, audit and a11y - plus the 8 shared reference documents they read from.
Two paths: build in Penpot over the MCP, or build in code without opening Penpot. to-code bridges them by reading component identity rather than tracing a picture.
Four fully mapped code targets: shadcn/ui for React, shadcn-vue, shadcn-svelte, and plain HTML with Tailwind.
Install guide covering Claude Code, Codex and Cursor. The last two have no skills directory, so they get a routing table instead.
Documentation
This site: a page per component with a live preview of every variant, the numbers read from the file rather than transcribed.
Written docs on tokens, theming, extending the kit, the agent skills and self-hosting.
Licence
One payment, lifetime updates, no renewal.
Commercial use on unlimited projects, for yourself or for clients.