Ramadan & Eid — Free Holidays & Seasonal Social Post Template
Holidays & Seasonal · v1.0.0 · Updated 2026-11-03 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Ramadan & Eid — Free Ramadan Kareem and Eid Mubarak Post Template
Ramadan & Eid is a free social post template for the holy month and the celebration that ends it. In 2027 Ramadan is expected to begin around 8 February, with Eid al-Fitr around 9–10 March and Eid al-Adha around 16 May; the exact days depend on the sighting of the moon. One design covers all three moments: change the greeting from "Ramadan Kareem" to "Eid Mubarak" and it is ready.
A night sky, a crescent and two lanterns
The background is a deep teal night with a soft gold glow and a scatter of twinkling stars. Two fanous lanterns, the coloured-glass lanterns hung in streets and homes during Ramadan, hang from the top on gold chains. In the animated export they sway gently while the flame inside each one flickers, and the gold crescent moon at the top of the arch pops in first.
A pointed arch as the frame
The greeting sits inside a tall pointed arch, the shape of a mosque doorway or mihrab, drawn with a gold outline around a darker panel. Inside it: a small label ("Ramadan 2027"), an editable Arabic greeting, رمضان كريم, set in Amiri, a typeface designed for Arabic that also carries Latin letters, the headline "Ramadan *Kareem*" with the highlight in gold, and a short wish.
Iftar times, hours or an Eid offer
The optional gold chip handles the practical message that matters during the month: an iftar menu from sunset, changed opening hours, a suhoor delivery window or an Eid gift offer. Clear it for a pure greeting. Your handle and an optional logo sit under the arch.
For every channel
The 4:5 portrait suits Instagram and Facebook, the 9:16 Story fits WhatsApp Status, and on the 16:9 and LinkedIn sizes the arch stands in the middle between the lanterns. Recolour the night to a deep blue or burgundy if it suits your brand. Use Holiday Hours for Eid closures, Discount Badge for an Eid sale, and Thank You after the month.
Extend with AI
Take This Post Further With AI
Ask an AI assistant to adapt the Ramadan & Eid HTML and CSS: write greetings in Arabic, Urdu, Malay or Turkish, plan a 30-day iftar menu series, or make an Eid al-Adha version with a different palette.
Prompt to recreate it
Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:
Create a 1080×1350 Ramadan Kareem greeting social post in plain HTML and CSS.
- A deep teal night gradient (#06242c to #0e3d44) with a soft gold glow near the top and six small gold ✦ stars that twinkle.
- Two fanous lanterns hanging from the top corners on dotted gold chains: a gold triangular cap, a glowing octagonal glass body (clip-path) with two gold vertical bars and a flickering teardrop flame inside, and a gold base; let them sway from the chain.
- In the centre, a tall pointed (Islamic) arch: a gold arch shape (CSS mask with an inline SVG path, stretched to fit) with a slightly smaller dark-teal arch inside it, forming a gold outline.
- Inside the arch: a gold crescent moon (a circle with an inset box-shadow), a small label "Ramadan 2027", the Arabic "رمضان كريم" in gold Amiri (dir="rtl"), a headline "Ramadan Kareem" with "Kareem" in gold, a short wish and a gold pill "Iftar menu · daily from sunset".
- The handle in gold under the arch. Size everything with a CSS variable --u equal to 1% of the shorter side, and respect prefers-reduced-motion.Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.
Why use it
Why Use the Ramadan & Eid Template
How it’s different
How It’s Different From Canva-Style Templates
Step by step
How to Use
- 1Pick the sizeChoose Portrait 4:5 (the Instagram feed default), Square, Story / Reel, Landscape 16:9 for X, a 1200×627 LinkedIn image or a 1000×1500 Pinterest pin. Ramadan & Eid opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (label, arabic greeting, headline, message and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your logo. Images stay in your browser.
- 4Match your brandApply your saved brand kit or one of 12 palettes, set exact colours, and choose heading and body fonts from any Google Font or your own uploaded font.
- 5Preview it in the feedSwitch the preview to Instagram, Story, X or LinkedIn to see the post with your name, handle and caption, and fix anything the quality checks flag.
- 6Download, save or bulk createDownload PNG, JPG or PDF, every size as a ZIP, or copy the HTML. Save it to My designs to reuse later, or turn a CSV into dozens of posts with Bulk create.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
Ramadan 2027 is expected to begin around 8 February, with Eid al-Fitr around 9 or 10 March. Dates follow the Islamic lunar calendar and moon sighting, so confirm them with your local mosque or authority before posting.
Yes. Change the Arabic line to عيد مبارك, the headline to "Eid Mubarak" and the label to "Eid al-Fitr" or "Eid al-Adha". The crescent, lanterns and arch suit both occasions.
"Ramadan Kareem" means "generous Ramadan" and is a common greeting during the month, as is "Ramadan Mubarak", meaning "blessed Ramadan". Use whichever your audience says; the headline is fully editable.
The Arabic greeting and the headline use Amiri, a classical naskh typeface made for Arabic that also includes Latin letters, so both scripts sit together naturally on the same post.
Portrait post 1080×1350 (4:5): Instagram feed (recommended), Facebook and LinkedIn feeds, X portrait. Square post 1080×1080 (1:1): Instagram, Facebook, LinkedIn and X feeds. Story / Reel 1080×1920 (9:16): Instagram and Facebook Stories, Reel covers. Landscape post 1600×900 (16:9): X feed image, Facebook landscape. LinkedIn image 1200×627 (1.91:1): LinkedIn shared image and link posts, Facebook link images. Pinterest pin 1000×1500 (2:3): Pinterest standard pin (the recommended 2:3 ratio). Switch sizes in the editor and the layout adapts, or click "All sizes (ZIP)" to download every size at once.
Yes. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Ramadan & Eid fields. Every row becomes one post, and you download them all as a ZIP.
Yes. The preview switches between the plain design and mock-ups of an Instagram feed post, an Instagram Story, an X post and a LinkedIn post, using the name, handle and logo from your brand kit and the caption you type.
Yes. "Copy HTML" and "Download .html" give you one self-contained file: the markup, all the CSS and links to the Google Fonts it uses. "Fork to My Code" saves an editable copy in the UI Snippets editor. The file records the template name and version (v1.0.0).
Yes. It is free for personal and commercial posts, with no sign-up and no watermark. Everything runs in your browser and nothing you type or upload is sent to a server.