Gallery

Code block

A snippet to copy: Geist Mono, scrolls sideways, never breaks mid-token, with the copy button.

Reference: Ours: trackable-cmp Code block

Preview

<script src="https://sst.shop.example/c.js" data-site="demo" async></script>

Focus rings

<script src="https://sst.shop.example/c.js" data-site="demo" async></script>

In each theme: Default · Trackable · SkillDecks · BetterMarketer

Install

npx shadcn@4.23.0 add https://ui.dobrin-dobrev.co.uk/r/code-block.json

Into an app set up with shadcn init --base radix; the parts it uses come with it.

Files

  • registry/default/blocks/code-block.tsx → components/blocks/code-block.tsx