# Lab · Malte Therkildsen

> Twenty two simulations, type pieces and illustrations, running live on WebGPU in the RAMTT design system, each with its settings and a full view.

Source: https://therkildsen.dev/lab

22 pieces, running on WebGPU

# Live graphics at the limit of the browser

Simulations, type and illustrations that run live in the browser. The GPU pieces share one WebGPU device, and every piece opens to full screen with its settings.

Move the pointer across the strip to open a tile. Click a tile to open the piece.See all 22

Story 9 steps

## The Door, a slime mold in 9 steps

Up to a million agents follow the trail they leave. Scroll through the steps: each one switches on one stage of the pipeline and brings its own settings. The scene keeps every change you make.

The library 22

## 22 pieces in 5 kinds

Nothing matches. The search looks at names, kinds, technologies and descriptions.

Prototypes 38

## 38 working products in 6 kinds

Each prototype is a small product with its own server, data and sign in. Open one and use it: it runs at its own address under the Lab.

All38SI4Offline4Private8Together8Reliable9Online5

[SI1 of 401Invoices read by SIP20SI that reads your documents](https://therkildsen.dev/lab/p20-voucher/)[SI2 of 402Email answered by SIP31SI that reads your documents](https://therkildsen.dev/lab/p31-frontdesk/)[SI3 of 403Docs and assistantP11SI that reads your documents](https://therkildsen.dev/lab/p11-docs-assistant/)[SI4 of 404Ask the chartP3SI that reads your documents](https://therkildsen.dev/lab/p3-ask-the-chart/)[Offline1 of 405Offline inspectionsP8Apps that keep working without a connection](https://therkildsen.dev/lab/p8-offline-inspections/)[Offline2 of 406Stock scannerP18Apps that keep working without a connection](https://therkildsen.dev/lab/p18-stock/)[Offline3 of 407CRM on the deviceP12Apps that keep working without a connection](https://therkildsen.dev/lab/p12-crm/)[Offline4 of 408BookkeepingP32Apps that keep working without a connection](https://therkildsen.dev/lab/p32-books/)[Private1 of 809Zibaldone chatP26Data only the right people can read](https://therkildsen.dev/lab/p26-chat/)[Private2 of 810Client portalP6Data only the right people can read](https://therkildsen.dev/lab/p6-client-portal/)[Private3 of 811Encrypted formP4Data only the right people can read](https://therkildsen.dev/lab/p4-encrypted-form/)[Private4 of 812Whistleblower channelP7Data only the right people can read](https://therkildsen.dev/lab/p7-whistleblower-channel/)[Private5 of 813Team vaultP13Data only the right people can read](https://therkildsen.dev/lab/p13-team-vault/)[Private6 of 814Encrypted messagesP1Data only the right people can read](https://therkildsen.dev/lab/p1-encrypted-messages/)[Private7 of 815Passkey sign-inP5Data only the right people can read](https://therkildsen.dev/lab/p5-passkey-sign-in/)[Private8 of 816Verifiable electionP36Data only the right people can read](https://therkildsen.dev/lab/p36-ballot/)[Together1 of 817WhiteboardP28Several people in one live workspace](https://therkildsen.dev/lab/p28-board/)[Together2 of 818Zibaldone workspaceP27Several people in one live workspace](https://therkildsen.dev/lab/p27-workspace/)[Together3 of 819Zibaldone writingP23Several people in one live workspace](https://therkildsen.dev/lab/p23-writing/)[Together4 of 820Zibaldone planP24Several people in one live workspace](https://therkildsen.dev/lab/p24-plan/)[Together5 of 821Zibaldone notesP25Several people in one live workspace](https://therkildsen.dev/lab/p25-notes/)[Together6 of 822Ordering for a caféP17Several people in one live workspace](https://therkildsen.dev/lab/p17-cafe/)[Together7 of 823Admin from a spreadsheetP19Several people in one live workspace](https://therkildsen.dev/lab/p19-tabula/)[Together8 of 824Editor for twoP14Several people in one live workspace](https://therkildsen.dev/lab/p14-editor/)[Reliable1 of 925Distributed databaseP29Systems that stay correct when things fail](https://therkildsen.dev/lab/p29-database/)[Reliable2 of 926ConnectionsP22Systems that stay correct when things fail](https://therkildsen.dev/lab/p22-connections/)[Reliable3 of 927Layout engineP30Systems that stay correct when things fail](https://therkildsen.dev/lab/p30-layout/)[Reliable4 of 928Spreadsheet engineP33Systems that stay correct when things fail](https://therkildsen.dev/lab/p33-cells/)[Reliable5 of 929RISC-V computerP34Systems that stay correct when things fail](https://therkildsen.dev/lab/p34-boot/)[Reliable6 of 930Git in the pageP35Systems that stay correct when things fail](https://therkildsen.dev/lab/p35-loom/)[Reliable7 of 931Map of AarhusP37Systems that stay correct when things fail](https://therkildsen.dev/lab/p37-atlas/)[Reliable8 of 932SQL databaseP38Systems that stay correct when things fail](https://therkildsen.dev/lab/p38-strata/)[Reliable9 of 933JavaScript engineP39Systems that stay correct when things fail](https://therkildsen.dev/lab/p39-spark/)[Online1 of 534BookingP9Bookings, payments and courses online](https://therkildsen.dev/lab/p9-booking/)[Online2 of 535Club platformP15Bookings, payments and courses online](https://therkildsen.dev/lab/p15-club/)[Online3 of 536Course playerP21Bookings, payments and courses online](https://therkildsen.dev/lab/p21-course/)[Online4 of 537Document generatorP10Bookings, payments and courses online](https://therkildsen.dev/lab/p10-document-generator/)[Online5 of 538Signed documentsP2Bookings, payments and courses online](https://therkildsen.dev/lab/p2-signed-documents/)

Nothing matches. The search looks at names, kinds and descriptions.

Components

## Every component of the portfolio

The navbars, heroes, features, lists, instruments, footers and forms of the portfolio, each running from its own code in its own frame. The older library keeps buttons, calls to action, doors, navigation and type, each on a page with its source.

[Open the components](https://therkildsen.dev/components) [The older library](https://therkildsen.dev/lab/components/)

Close up

## 10 pieces at full size

01 / 10

Technology

## 4 technologies behind the pieces

Each piece uses the browser technology that suits it. Simulations run as WebGPU compute shaders, print effects as fragment shaders, type in HTML with variable fonts, and diagrams on Canvas 2D and SVG.
