One Widget, Many Styles
The same MOHID widgets, styled for this site in both themes and to fit 9 different masjid websites. Every screenshot below is taken from a live website.
Dark and Light
Four MOHID widgets running on this site, each captured in both themes. Layout, spacing and type stay identical; only the color tokens swap when the theme toggle flips.
Weekly Prayer Timings
Full-width horizontal layout
Weekly Prayer Timings
Full-width horizontal layout
Scheduler
Vertical card layout
Scheduler
Vertical card layout
Fundraiser Events
Full-width strip layout
Fundraiser Events
Full-width strip layout
Programs
Full-width strip layout
Programs
Full-width strip layout
Prayer Timings
Two layouts, three display modes and a full Style tab, which is why none of these look the same. Same widget and the same five-minute API sync, styled 9 different ways.
Al Amin
Vertical card layout
BIS Web
Vertical card layout
FKARNA
Wide card layout
IAM Center
Full-width horizontal layout
IC Cleveland
Full-width horizontal layout
ISMCCA
Wide card layout
Mount Hope
Full-width horizontal layout
MYISD
Vertical card layout
UWMS
Wide card layout
Donations
Donation categories pulled live from MOHID, rendered as a simple listing or as styled cards with avatars and buttons.
BIS Web
Full-width horizontal layout
Mount Hope
Wide card layout
VFR
VFR campaigns with their titles, goals and organizers, synced from the MOHID account and laid out to match each site.
Al Amin
Wide card layout