Embed Code Builder

Pick the ayah, section, and theme, watch a live preview, then copy the ready code for your site. See the usage guide for more detail.

Limit the grid to specific sections (optional)

# Code


                        
                    

# Live preview

Tip: you can navigate inside the preview (pick a book, a translation language, a riwayah…), then press "Generate code from preview state" to capture that exact view in the code.