Code Block

A code box with a copy button

Turns a block of code into something readable: a filename strip, syntax colors, line numbers, emphasized lines, folding for long files, and a copy button that tells you it worked. No highlighter bundle to download. Included in the Mr. Latte Membership (every widget on up to 2 sites). Unlimited snippets while you are a member.

Demo

Preview

<script src="https://bootsignal.com/bootsignal.js"
        data-site-id="YOUR_SITE" defer></script>

<div data-bootsignal="codeblock" data-label="index.html">
  <pre>npm create astro@latest</pre>
</div>

A real widget, syntax colors, line numbers, and a copy button that confirms

Integration

The same loader (bootsignal.js) powers your other widgets too. An active subscription is required to run the widget.

Pricing

Pricing is a single Mr. Latte Membership. It unlocks every widget on up to 2 sites and the paid features of the other Mr. Latte services too. Writing snippets needs the membership; there is no usage limit, and reading is always free for visitors. See the price, join and manage it at accounts.mrlatte.net. See full pricing →