Social Post Templates
20 free HTML templates for Instagram, Facebook and X posts and Stories. Pick one, edit the text, photos, colours and fonts in your browser, then download every size as an image or copy the HTML.

Big Quote
v1.0.0 · 4 sizes
Tip of the Day
v1.0.0 · 4 sizes
Did You Know?
v1.0.0 · 4 sizes
Code Tip
v1.0.0 · 4 sizes
Product Launch
v1.0.0 · 4 sizes
Milestone
v1.0.0 · 4 sizes
We’re Hiring
v1.0.0 · 4 sizes
We’re Live
v1.0.0 · 4 sizes
Discount Badge
v1.0.0 · 4 sizes
Black Friday Sale
v1.0.0 · 4 sizesSocial Post Templates — Free HTML Designs for Instagram, Facebook & X
20 templates · 7 categories · 4 post sizes · PNG, JPEG & HTML
What's included
Features
About these templates
Free Social Post Templates You Can Edit, Download or Copy as HTML
A library of 20 social media post templates built with plain HTML and CSS. Unlike image-only template sites, every design here is real code. Edit it in the browser and download a finished image, or copy the HTML and use it in your own system.
7 categories. Quotes & Tips: quote cards, daily tips and fact posts that people save and share. Announcements: launches, milestones, hiring posts and "we’re live" moments. Promo & Sales: discount badges, holiday sales and product spotlights. Events: webinar, meetup and countdown posts with a clear date. Social Proof: customer testimonials and before/after results. Carousel Slides: cover, step and final slides for swipeable carousel posts. Stories: story-first designs: polls, questions and link-in-bio prompts.
One design, every post size. Each template is laid out in relative units, so the same design works as a 1080×1350 Instagram portrait post, a 1080×1080 square, a 1080×1920 Story and a 1600×900 landscape post for X and Facebook. Story layouts keep text out of the areas covered by Instagram’s buttons, and grid guides show how a portrait post is cropped on your profile.
Edit in place. Click any text in the preview to change it, click a photo area to upload your own image, pick a palette or exact colours, and switch fonts. Long headlines shrink to fit instead of overflowing. Every change is saved in your browser.
Export the way you work. Download a PNG or JPEG at full resolution, grab every size at once as a ZIP, or copy a self-contained HTML file with inline CSS and Google Fonts links. Each template has a name, a version number and an update date, so you can tell when a design changes.
How it’s different
How These Templates Differ From Canva-Style Ones
Browse by category
Template Categories
Quote, Tip & Fact Post Templates (4): Quote cards, daily tips and fact posts that people save and share. Includes Big Quote, Tip of the Day, Did You Know?, Code Tip.
Announcement Post Templates (4): Launches, milestones, hiring posts and "we’re live" moments. Includes Product Launch, Milestone, We’re Hiring, We’re Live.
Sale & Promo Post Templates (3): Discount badges, holiday sales and product spotlights. Includes Discount Badge, Black Friday Sale, Product Spotlight.
Event & Webinar Post Templates (2): Webinar, meetup and countdown posts with a clear date. Includes Webinar Event, Countdown.
Testimonial & Before/After Post Templates (2): Customer testimonials and before/after results. Includes Customer Testimonial, Before & After.
Instagram & LinkedIn Carousel Templates (3): Cover, step and final slides for swipeable carousel posts. Includes Carousel Cover Slide, Carousel Step Slide, Carousel Final Slide.
Instagram & Facebook Story Templates (2): Story-first designs: polls, questions and link-in-bio prompts. Includes This or That Poll, New Post Link in Bio.
Step by step
How to Use
- 1Pick a templateBrowse the gallery or filter by category (Quotes & Tips, Announcements, Promo & Sales, Events, Social Proof, Carousel Slides, Stories) and open a template.
- 2Choose the post sizePortrait 4:5 is the Instagram feed default. Switch to Square, Story / Reel or Landscape, and the layout adapts.
- 3Edit text, photos, colours and fontsClick text in the preview or use the fields on the left. Upload photos and logos, apply a palette or set exact colours, and switch the heading and body fonts.
- 4Download or copy the codeDownload the PNG or JPEG, use All sizes (ZIP) for every format at once, or Copy HTML to take the template into your own website, app or design system.
Real-world uses
Who Uses Social Post Templates
Got questions?
Frequently Asked Questions
They let you publish good-looking posts without a designer or design software: quotes and tips, product launches, sales and Black Friday promos, events and webinars, customer testimonials, carousels and Stories. Pick a template, change the text, photos and colours, and download an image sized for Instagram, Facebook or X in a minute or two.
Canva-style templates give you an image inside their editor. These are real HTML and CSS: you can download the image, but you can also copy the code, download a .html file or fork it into My Code and reuse it on a website, in an email or in your own system. They are also free with no account or watermark, run entirely in your browser (photos are never uploaded), export every post size from one design, and shrink long text automatically so it never overflows.
HTML is editable, versionable and automatable. Developers can render posts from a CMS or spreadsheet with a headless browser, keep templates in Git, change brand colours with CSS variables, and reuse the same design on the web. Each template here has a version number, and the exported file records which version you used.
Every template exports in 4 sizes: 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 use "All sizes (ZIP)" to download all of them at once. Instagram recommends 4:5 portrait for feed posts, so that is the default.
Yes. Every template has Copy HTML and Download .html buttons that give you a single self-contained file: the markup, all the CSS inline, and links to the Google Fonts it uses. Uploaded photos can be embedded in the file or left out. Open it in any browser, edit it in your code editor, render it with your own screenshot tool, or drop it into a CMS or email builder.
No. Photos are resized and kept in your browser, and the image export is drawn locally on an HTML canvas. Nothing you type or upload leaves your device. The only outside requests are for the Google Fonts the template uses. Your edits are saved in your browser per template, so they are still there when you come back.
Yes. Each template exposes its colours (background, text, accent and more) with colour pickers and hex input, plus 12 one-click palettes. Heading and body fonts can be switched between 12 Google Fonts and system fonts. Long text shrinks automatically to fit the layout, and wrapping a word in *asterisks* colours it with the accent.
Yes. Choose the Story / Reel size (1080×1920) and the layouts add extra padding at the top and bottom so text stays clear of the profile bar and the reply field. Turn on "Story safe zones" to see those areas while you edit. The Stories category has templates designed Story-first, like polls and link-in-bio prompts.
Yes. The templates are free to use for personal and commercial posts, with no watermark and no sign-up. Photos, logos and text you add are your own responsibility, so make sure you have the rights to the images you upload.





