Auto-resizing
Each embed reports its height via postMessage, so there are no scrollbars or clipped content.
A production-quality WordPress site for testing and showcasing the full Rawdah embed library - prayer times, donations, fundraising, events, announcements, notice boards, live streaming, TV screens and more.
Rawdah widgets are lightweight iframes loaded by a single script. They resize themselves to fit any container, stay in sync with your masjid dashboard, and never break your layout.
Each embed reports its height via postMessage, so there are no scrollbars or clipped content.
Fluid 100% width adapts seamlessly to desktop, laptop, tablet and mobile.
Content updates instantly from the Rawdah dashboard - no re-publishing required.
Paste a placeholder div and include the loader once; every widget upgrades automatically.
Four prayer-time layouts rendering live from the Rawdah platform - from a compact mobile card to full TV display boards.
Compact vertical layout ideal for sidebars and narrow columns.
Large-format board with bold next-prayer emphasis.
Large hero panel with a translucent sidebar.
Dark gradient hero, big clock and full schedule table.
Secure, one-tap giving forms with preset amounts, custom entry and recurring options.
The core donation form with preset amounts and custom entry.
Alternative layout emphasising recurring giving.
Upcoming programs shown as responsive cards and full listing pages, pulled live from your masjid schedule.
Event cards on mobile, calendar grid on desktop.
Complete listing page of all upcoming events.
Responsive 16:9 players and a carousel of recent broadcasts and on-demand recordings.
A responsive 16:9 live stream player.
A carousel of recent and upcoming streams.
Each category has its own page with every available variation, organised in responsive grids.
Open any category to see every widget variation rendering live, then copy the pattern into your own pages.