Instagram Story Countdown HTML Embed
Generate a countdown HTML embed sized for Instagram Story (1080×1920), for landing pages linked from Stories.
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<meta name="viewport" content="width=1080,initial-scale=1">
<title>Sale ends</title>
<style>
body { margin: 0; display: flex; align-items: center; justify-content: center;
min-height: 100vh; background: #000; color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
/* Designed for Instagram Story aspect: 1080x1920 (9:16) */ }
.wrap { text-align: center; padding: 5vw; }
.label { font-size: 5vw; opacity: 0.85; margin-bottom: 4vw; letter-spacing: 0.05em; text-transform: uppercase; }
.count { font-size: 16vw; font-weight: 800; color: #ec4899; line-height: 1.1; }
</style></head>
<body>
<div class="wrap">
<div class="label">Sale ends</div>
<div class="count" id="cd-20261225235959">--d --:--:--</div>
</div>
<script>(function(){
var t = new Date("2026-12-25T23:59:59.000Z").getTime();
var el = document.getElementById('cd-20261225235959');
function tick(){
var d = t - Date.now();
if (d <= 0) { el.textContent = 'Ends now'; return; }
var days = Math.floor(d/86400000);
var hrs = Math.floor(d/3600000)%24;
var mins = Math.floor(d/60000)%60;
var secs = Math.floor(d/1000)%60;
el.textContent = days+'d '+String(hrs).padStart(2,'0')+':'+String(mins).padStart(2,'0')+':'+String(secs).padStart(2,'0');
setTimeout(tick, 1000);
}
tick();
})();</script>
</body></html>Sized for Instagram Story (1080×1920). Host on your domain, link from an IG Story sticker or bio link. Time stays UTC-correct for every viewer.
About this tool
Standalone HTML countdown sized for IG Story dimensions. Use on landing pages linked from Story stickers/swipe-ups.
More free tools
See all tools →Convert messy titles to clean, SEO-friendly URL slugs, lowercase, hyphenated, no special chars.
Generate Article / BlogPosting JSON-LD for blog posts, guides and news content.
Map your page hierarchy and copy valid BreadcrumbList JSON-LD that Google uses in the SERP.
Generate placeholder lorem ipsum text by words, sentences or paragraphs, instantly.
Why wait? Try it free today.
Stop managing feeds manually. Start optimising with AI in 30 seconds.
- 100% free forever, no credit card required
- 1 brand, 1 feed, 100,000 products per feed
- Full AI Product Optimisation, Rule Engine, and 200+ channel exports
- Pay only for AI credits when you need them