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 sedikit berbeda pada program.
| Perender | Deskripsi | Image |
|---|---|---|
| Thrasos | Perender yang direkomendasikan. Ini adalah interpretasi yang lebih modern pada perender geras, dengan spasi yang lebih merata dan batas yang solid. | 
|
| Geras | Perender default. Ini adalah perender asli yang digunakan untuk mem-build Blockly. | 
|
| Zelos | Perender berdasarkan desain blok Scratch-3.0. |  |
Untuk menggunakan salah satu perender ini, teruskan nama ke opsi konfigurasi:
Blockly.inject('blocklyDiv', {
renderer: 'thrasos'
});
Perender kustom
Jika ingin memberikan tampilan dan nuansa yang berbeda pada program Anda dibandingkan dengan renderer bawaan, Anda juga dapat membuat renderer kustom. Untuk memulai, tim Blockly merekomendasikan agar Anda:
- Baca dokumen konsep perender untuk mempelajari cara semua komponen perender cocok bersama.
- Selesaikan codelab perender kustom untuk mendapatkan praktik langsung dengan rendering kustom.
- Tambahkan perender debug ke project Anda.
- Sesuaikan perender Anda.