# How does rendering of the blocks work?

**URL:** <https://forum.makecode.com/t/how-does-rendering-of-the-blocks-work/44100>\
**Category:** Help\
**Tags:** extension\
**Created:** [May 21, 2026, 3:43pm UTC](https://forum.makecode.com/t/how-does-rendering-of-the-blocks-work/44100 "2026-05-21T15:43:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [May 21, 2026, 3:43pm UTC](https://forum.makecode.com/t/how-does-rendering-of-the-blocks-work/44100/1 "2026-05-21T15:43:07Z")

</div>

This is similar to my [previous post](https://forum.makecode.com/t/rendering-blocks-to-images/28135). How does the rendering for this page on the doc website work?

> **[Blocks Gallery](https://arcade.makecode.com/block-gallery)**
>
> Listing of the blocks and their images in unknown macro.

I assume it uses another similar iframe method, but how do you manage to render the entire category of blocks? Could this be used to render all the blocks from extensions?

---

<div class="post-metadata">

**Author:** ![jwunderl](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jwunderl/32/5308_2.png) [@jwunderl](https://forum.makecode.com/u/jwunderl)\
**Post date:** [May 21, 2026, 3:45pm UTC](https://forum.makecode.com/t/how-does-rendering-of-the-blocks-work/44100/2 "2026-05-21T15:45:31Z")

</div>

If i’m recalling correctly, before we had the default simulator github page, this bit

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/a/e/ae2b3ca871c62e11279448fbaeca7bbda0ff9f74.png)

referencing [https://makecode.com/gh-pages-embed.js](https://makecode.com/gh-pages-embed.js) did that automatically on gh pages, which is a good starting point to look at for that

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [May 22, 2026, 3:23am UTC](https://forum.makecode.com/t/how-does-rendering-of-the-blocks-work/44100/3 "2026-05-22T03:23:49Z")

</div>

That seems to be doing a similar thing to what they talk about on [this page](https://arcade.makecode.com/blocks-embed) which links to [this fiddle](https://jsfiddle.net/L8msdjpu/3/). I want to see this though:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/1/8/18987332b839a74b3389e99ea7e340caed712946.png)

in pxt-arcade I see it just looks like this though:

````md
# Blocks Gallery

Listing of the blocks and their images in @name@.

## Sprites

```apis
sprites
\```

## Controller

```apis
controller
\```

````

(without the backslashes obviously)

Which gets rendered to this HTML:

```html
<pre><code class="lang-apis">sprites</code></pre>

```

But that doesn’t work in the fiddle.