Milestone

v1.0.01080×1350

Click any text to edit it · drag a photo to reposition it, scroll to zoom, click to replace

Milestone — Free Announcements Social Post Template

Announcements · v1.0.0 · Updated 2026-10-16 · Instagram, Facebook & X · HTML + CSS

Tagsmilestonecelebrationnumberlight
Sizes4:5 · 1080×13501:1 · 1080×10809:16 · 1080×192016:9 · 1600×900
Updated October 16, 2026

What's included

Features

Giant single-line milestone number in Montserrat 900
Kicker, unit ("happy users") and thank-you message
CSS confetti in two editable colours, crisp at any size
Centred layout that adapts to all four post sizes
Long numbers like 1,000,000 shrink to stay on one line
Light mint default palette with green and amber accents
Handle at the bottom so shares stay credited
PNG, JPEG, ZIP or HTML export

About this template

Milestone — Free "Thank You" Celebration Post Template

Milestone social post template: A celebratory card with a giant milestone number, what it counts, a thank-you message and CSS confetti.

Milestone is a free celebration post template for follower counts, user numbers, sales goals and anniversaries. A giant number takes centre stage, framed by a kicker ("We just hit"), what the number counts ("happy users"), a thank-you message and scattered CSS confetti.

The number is the hero

The milestone number is set in Montserrat at 900 weight at a huge size, on a single line, and shrinks automatically if you enter a longer figure like "1,000,000". Everything else is deliberately smaller, so the achievement registers instantly in the feed.

Confetti without images

The confetti is six small CSS shapes, rounded rectangles and dots, rotated at different angles and coloured in the accent and a second "confetti" colour. It adds celebration without clutter, and because it's plain CSS it stays crisp at every export size.

Say thank you

Milestone posts perform best when they credit the community. The message line has room for a sentence of thanks and what comes next ("The next 10K starts today"). Centred text and a light mint palette keep the tone warm and positive.

Every size, one design

It works as a portrait or square feed post, a Story and a landscape post for X, with the content centred in each.

Celebrating a launch instead? See Product Launch. Sharing a customer win? Try Customer Testimonial.

Why use it

Why Use the Milestone Template

①
The number does the talking
A giant single-line figure makes the achievement register instantly, and it shrinks to fit even seven-digit numbers.
♥
Credits your community
A built-in thank-you line turns a brag into a moment of gratitude, which people are more willing to like and share.
✦
Celebration without clutter
Lightweight CSS confetti adds energy while staying crisp at every export size, with no stock images needed.

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 and a 16:9 X post, or all four 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 or Landscape 16:9 for X. Milestone opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (kicker, number, what it counts, message and more). Wrap words in *asterisks* to colour them.
  3. 3
    Match your brandApply one of 12 palettes or set exact colours with the pickers, then choose heading and body fonts.
  4. 4
    Download or take the codeDownload a PNG or JPEG at full size, download every size as a ZIP, copy the HTML, or fork it into My Code to keep editing.

Real-world uses

Common Use Cases

🎉
Follower milestones
Thank your audience at 1K, 10K or 100K followers with the number front and centre and a line about what you are planning next.
📈
Users, sales and downloads
Celebrate product traction like signups, customers or app downloads, a simple piece of social proof that also motivates your team.
🎂
Anniversaries
Mark one year in business or five years since launch by putting the years in the number field and "years building" as the unit.
🏆
Fundraising and goals
Share a funding round, a donation total or a community goal reached, with a thank-you message crediting the people who made it happen.

Got questions?

Frequently Asked Questions

Open the Milestone template, type "10,000" (or "10K") as the number, "followers" as the unit and your thank-you message, then download the portrait or Story size.

The number stays on one line and shrinks automatically to fit the width, so values like "1,000,000" or "$2.5M" still fit.

Yes. The confetti uses the accent colour and a separate confetti colour, both editable with colour pickers or set by the palettes.

No. Use it for users, sales, downloads, donations, years in business or any number worth celebrating.

Portrait post 1080×1350 (4:5): Instagram feed (recommended), Facebook feed, X portrait. Square post 1080×1080 (1:1): Instagram, Facebook 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. Switch sizes in the editor and the layout adapts, or click "All sizes (ZIP)" to download every size at once.

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.