Bentuk blok ditentukan oleh perender, berdasarkan definisi blok (yaitu, kolom dan koneksinya).
Perender bawaan
Blockly menyediakan tiga perender bawaan, yang masing-masing memberikan nuansa yang berbeda pada program ini.
| Perender | Deskripsi | Gambar |
|---|---|---|
| Thraso | Perender yang direkomendasikan. Cara ini lebih modern menggunakan perender geras, dengan lebih bahkan spasi dan batas yang solid. | 
|
| Geras | Perender default. Ini adalah aslinya yang dibuat khusus untuk Blockly. | 
|
| Zelos | Perender berdasarkan desain blok Scratch-3.0. |  |
Untuk menggunakan salah satu perender ini, teruskan nama ke dalam opsi injeksi:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Perender kustom
Jika Anda ingin memberikan tampilan dan nuansa yang berbeda dari yang lain perender bawaan, Anda juga dapat membuat perender kustom. Untuk memulai Tim Blockly merekomendasikan Anda:
- Baca dokumen konsep perender untuk mempelajari bagaimana semua komponen perender bekerja sama.
- Selesaikan codelab perender kustom untuk melakukan praktik langsung dengan rendering kustom.
- Tambahkan perender debug ke project Anda.
- Sesuaikan perender Anda.