National Day

1080×1350

National Day — Free Holidays & Seasonal Social Post Template

Holidays & Seasonal · v1.0.0 · Updated 2026-11-03 · Instagram, Facebook & X · HTML + CSS

Tagsindependence dayrepublic daynational dayflagpatrioticcelebrationfireworksany country
Sizes4:5 · 1080×13501:1 · 1080×10809:16 · 1080×192016:9 · 1600×9001.91:1 · 1200×6272:3 · 1000×1500
Updated October 16, 2026

What's included

Features

Three editable stripe colours for any horizontally striped flag
Flag cut into slices that ripple from the pole in the animated export
Soft fabric folds from alternating light and dark slices
Built-in wheel emblem, hidden by matching it to the middle stripe
Optional uploaded emblem for flags with a crest, sun or star
Fireworks in the flag colours that burst and fade
Silver pole with a gold finial; flag beside the text on wide sizes
Headline, message, handle and optional logo

About this template

National Day — Free Independence & Republic Day Waving Flag Post Template

National Day social post template: A national day or independence day greeting for any country: a three-stripe flag in your country's colours that waves from a pole with a gold finial, an optional wheel emblem (or your own uploaded emblem), fireworks in the flag colours, the occasion, a headline, a message, your handle and logo.

National Day is a free social post template for independence days, republic days and national holidays in any country with a striped flag. Instead of a separate design for every nation, it gives you one flag you colour yourself: set the three stripe colours, and the same post works for India's Republic Day on 26 January, the Netherlands' King's Day on 27 April, Germany's Unity Day on 3 October or Hungary's national days.

A flag that really waves

The flag hangs from a silver pole with a gold finial, and it is cut into eighteen thin vertical slices. In the animated export each slice rises and falls a moment after its neighbour, so a smooth ripple runs from the pole to the tip like cloth in the wind, while fireworks in your flag's colours burst and fade in the night sky. Alternating light and dark slices add the soft folds of real fabric even in the still image.

Emblems: built in, or your own

The default flag is India's tricolour with its navy wheel drawn in CSS. Set the emblem colour to the middle stripe's colour and the wheel disappears, for a plain three-stripe flag. For flags with a crest, a sun or a star, upload the emblem as an image and it replaces the wheel in the centre.

Greeting, message and your brand

Under the flag sits a label for the occasion and date, a large serif headline ("Happy *Republic Day*") with the highlight in the accent colour, a short message, and your handle with an optional logo. On the 16:9 and LinkedIn sizes the flag sits on the left with the text beside it.

One honest limit

The stripes are horizontal. Flags with vertical stripes, such as France, Italy, Ireland, Mexico or Nigeria, are not a true match yet; for those, use Save the Date or Big Quote in your flag colours. Pair national days with Holiday Hours for closures and Discount Badge for a national-day sale.

Extend with AI

Take This Post Further With AI

Ask an AI assistant to adapt the National Day HTML and CSS: give it your country's flag colours and emblem, add a vertical-stripe version, or write national-day greetings for every market you serve.

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:

text
Create a 1080×1350 national day social post with a waving flag, in plain HTML and CSS.

- A night-blue background (#0d1b3d) with a warm glow behind the flag and four firework bursts (repeating-conic-gradient rays masked into rings) in the flag colours.
- A silver flagpole with a gold ball finial, and a 3:2 flag attached to it, built from 18 thin vertical slices. Each slice is a three-band gradient: saffron #ff9933, white #ffffff, green #138808. Alternate slices are slightly darker or lighter to suggest folds.
- A navy wheel (circle border plus repeating-conic-gradient spokes) centred on the flag.
- Animate the slices with translateY using sin(time - slice position) so a smooth ripple travels from the pole to the tip; respect prefers-reduced-motion.
- Above the flag, a small uppercase label "Republic Day · 26 January"; below it a large serif headline "Happy Republic Day" with "Republic Day" in amber, a one-line message and the handle.
- Colours as CSS custom properties (--stripe1, --stripe2, --stripe3, --emblem) so the flag can be changed for any country.
- Size everything with a CSS variable --u equal to 1% of the shorter side.

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 National Day Template

🏳
One flag, many countries
Three stripe colours and an optional emblem cover dozens of national flags, so you never redesign for each market.
🌬
A flag that waves
A ripple runs from the pole to the tip in the video export, with fireworks in the flag colours behind it.
📅
Ready for every national day
Save it once and change the stripes, label and message for each independence or republic day in your calendar.

How it’s different

How It’s Different From Canva-Style Templates

</>
Real HTML and CSS, not a locked image
Canva-style templates only give you an image. These are plain HTML and CSS you can copy, download as a .html file or fork into My Code, then reuse on a website, in an email or in your own design system.
◍
Private by design
Text and photos never leave your browser. Images are drawn locally on a canvas, so client photos and unreleased product screenshots stay on your device.
⇲
Every size from one design
Layouts use relative units, so one design exports as an Instagram portrait post, a square, a Story, a 16:9 X post, a LinkedIn image and a Pinterest pin, or all six at once as a ZIP.
✓
Free, with no account or watermark
No sign-up, no premium-only templates, no watermark and no download limits. Edits are saved in your browser for next time.
Aa
Text that always fits
Long headlines shrink step by step instead of overflowing, and Story layouts keep text clear of Instagram’s buttons. Most template editors leave both to you.
v1
Versioned templates
Each template has a version number and an update date, and the exported HTML records which version you used, so you can tell when a design changes.

Step by step

How to Use

  1. 1
    Pick 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. National Day opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (label, headline, message, handle and more). Wrap words in *asterisks* to colour them.
  3. 3
    Add your imagesClick a photo area in the preview or use Images to upload your logo and flag emblem image. Images stay in your browser.
  4. 4
    Match 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.
  5. 5
    Preview 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.
  6. 6
    Download, 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

🇮🇳
Republic Day and Independence Day in India
Post a 26 January or 15 August greeting from your brand, school or office, with the tricolour waving and a message about the year ahead.
🌏
Brands in many countries
Save one design and change the stripes, emblem and wording for each market's national day, so every country gets its own greeting in the same style.
🛍
National-day sales
Run a national-day offer with the discount in the message, then follow up with a Discount Badge post in the same flag colours.
🏛
Embassies, schools and community groups
Invite people to a national-day reception, flag-raising or cultural event, with the date in the label and the venue in the message.

Got questions?

Frequently Asked Questions

Open the colours panel and set the three stripe colours from top to bottom. Set the emblem colour to the same colour as the middle stripe to hide the wheel, or upload your flag's emblem as an image.

Any flag made of three horizontal stripes, with or without a central emblem, such as India, Germany, the Netherlands, Russia, Hungary, Bulgaria, Austria, Lithuania, Estonia and many more.

Yes, in the animated export. The flag is made of thin slices that rise and fall one after another, so a ripple runs from the pole to the tip, while fireworks burst in the background.

Not yet. The stripes are horizontal, so France, Italy, Ireland, Mexico or Nigeria will not look right. Use a different template in your flag colours for those days.

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 National Day 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.

Design your website