How do I embed the calendar widget on my website?

Simply customize your widget using the controls and copy the embed iframe code generated below the live preview.

Can I change the colors of the calendar widget?

Yes, you can select primary, secondary, footer background, and footer text colors easily from the color pickers.

Is the calendar widget mobile-friendly?

Yes, the widget is responsive and works well on all devices and screen sizes.

Hijri Gregorian Calendar Widget Builder

Create your own fully customizable Islamic Hijri Gregorian calendar widget to embed on your website or blog. Adjust colors, font size, width, and height, and get the embed code instantly with a live preview.

Primary Color (Header background): Secondary Color (Background): Footer Background Color: Footer Text Color: Font Size (px): Widget Width (px): Widget Height (px):

Hijri Gregorian Calendar Widget Builder

Live Preview