Public key

No. 29 · SVG · Two-key strongbox

Drag to turntap a key

A steel strongbox with a lock in its lid. Any of the three public keys turns it to seal the box; only the one private key turns it back.

Prompt

/anatomy explain public key encryption, interactive

npm install anatomy-figures

page.tsx

import { PublicKey } from "anatomy-figures";

<PublicKey theme="light" />

Or load this figure on its own, so the others never download:

page.tsx

import PublicKey from "anatomy-figures/public-key";

Five themes (dark, light, paper, blueprint, sepia), or your own colours through tokens. Every token.

page.tsx

<PublicKey
  theme="light"
  tokens={{
    "--anatomy-card": "#ffffff",
    "--anatomy-lit": "#e5484d",
  }}
/>

index.html

import { define } from "anatomy-figures/element/public-key";

define();

<anatomy-public-key theme="light"></anatomy-public-key>