webdevpuneet.com

Giveaway Winners

1080×1350

Giveaway Winners — Free Promo & Sales Social Post Template

Promo & Sales · v1.0.0 · Updated 2026-11-13 · Instagram, Facebook & X · HTML + CSS

Tagsgiveawaywinnersannouncementcontestcongratulationsdark
Sizes4:5 · 1080×13501:1 · 1080×10809:16 · 1080×192016:9 · 1600×9001.91:1 · 1200×6272:3 · 1000×1500
Updated October 16, 2026

Extend with AI

Take This Post Further With AI

Ask an AI assistant to adapt the Giveaway Winners HTML and CSS: write a caption that announces the winners and thanks entrants, suggest a claim message that avoids scams, or turn it into a weekly "winner of the week" series.

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 Instagram giveaway winners announcement in plain HTML and CSS.

- A deep indigo background (#160f33) with a soft violet glow top-left, a warm yellow glow bottom-right, and a large blurred conic-gradient halo (yellow, violet, cyan, pink) behind the middle at low opacity, masked to a soft circle. Scatter small round confetti dots and three twinkling four-point stars.
- A pill badge "Congratulations" (uppercase, wide letter-spacing, yellow outline) above a very large italic serif headline "Giveaway winners" with "winners" in yellow.
- A line under it: "Picked at random from 4,812 entries."
- Three winner pills stacked with a small gap, each a rounded translucent glass row with a thin border: a round gradient number badge (1, 2, 3), an optional round photo slot, a small uppercase yellow prize line ("1st · $250 gift card") and the winner's handle in bold serif. Make the first pill larger with a yellow border and a faint yellow glow. Hide any row whose name is empty.
- At the bottom: a bold claim line ("Winners: check your DMs and reply within 48 hours to claim."), a smaller thank-you line, and the brand handle in yellow at the bottom right.
- Use a serif display font for the headline and names and a clean sans for small text. Keep all text well inside the margins and make it readable on a phone.

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.

What's included

Features

Congratulations badge and a large italic "Giveaway winners" headline
Up to three numbered winner pills, with first place larger and gold-rimmed
Prize line and handle for each winner
Optional round photo per winner, draggable to reposition
Empty winner rows disappear and the list re-centres
Claim instructions and a thank-you line for everyone who entered
Slow iridescent glow, drifting confetti and twinkling stars
Winners animate in one by one in the video export

About this template

Giveaway Winners Announcement Template — 3 Winners on One Post

Giveaway Winners social post template: A "Congratulations" post that announces up to three giveaway winners, each in a glowing numbered pill with their prize, over a shimmering iridescent glow with twinkling stars, plus a claim line and a thank-you.

A giveaway winners announcement is the post everyone who entered is waiting for, yet most brands give it a single line of caption. Giveaway Winners is a free template that gives the result a post of its own: a podium of up to three winners, each with a prize, a claim instruction and a thank-you for everyone who entered.

A podium of three glowing rows

A "Congratulations" badge and a large italic headline, "Giveaway *winners*", sit above three numbered pills. The first-place pill is bigger and rimmed in gold, with a soft glow, so the order is obvious at a glance. Each pill holds a rank number, the winner's handle in large type and a small line for the prize ("1st · $250 gift card"). Only filled-in winners are shown, so a contest with a single winner or two winners simply loses the empty rows and the layout re-centres.

Winner photos, optional

Each row has an optional round photo slot. Add a winner's profile picture, a photo of them with the prize or the product itself, and it appears in a ring beside their name. Photos can be dragged to reposition inside the circle, so a face is never cropped awkwardly. Leave the slots empty and the rows stay clean, text only.

Built to be read in two seconds

Behind the rows a slow iridescent glow, drifting confetti dots and a few twinkling stars keep the dark background lively without competing with the names. Underneath sit the two lines that matter after a giveaway: how winners claim ("check your DMs and reply within 48 hours") and a thank-you to everyone who entered, which keeps the people who did not win following you for the next one.

Every size

The 4:5 portrait is the feed post, the 9:16 version keeps everything inside the Story safe area for a link sticker or a "tag a friend" prompt, and the wide sizes put the headline on the left with the winners on the right. Your handle and an optional logo sit in the corner.

Pick winners with a random method you can show, state the date in your caption, and tag each winner in the post. To run the contest itself, start with Giveaway Contest and finish with this post. For thanking your community afterwards, use Thank You.

Why use it

Why Use the Giveaway Winners Template

🏆
The result gets its own moment
Everyone who entered is waiting for this post, so it deserves more than a caption. A podium layout makes the outcome obvious and shareable.
①
Winners shown in order
Numbered pills with a larger first place read at a glance, and empty rows vanish so one, two or three winners all look finished.
📷
Faces make it real
Optional round photos beside each name prove the giveaway had actual winners, which builds trust for your next contest.

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. Giveaway Winners opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (badge, headline, intro line, winner 1 prize 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 winner 1 photo and winner 2 photo and winner 3 photo and logo. 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

🏆
Instagram and Facebook contests
Close a giveaway with its own result post: three winners, their prizes and a clear next step, instead of burying the names in a caption.
🎟
Raffles and charity draws
Announce raffle winners for a school fair, a club or a fundraiser, with the prize for each and how to collect it.
📈
Follower milestone wrap-ups
After a 10K celebration giveaway, show who won and thank the community, which turns the contest into a story you can repeat.
🤝
Collaboration giveaways
When two brands ran the contest together, add both handles in the thank-you line and tag the winners from either account.

Got questions?

Frequently Asked Questions

Type each winner's handle and prize into the Giveaway Winners template, add a claim line such as "reply to our DM within 48 hours", download the 4:5 PNG for the feed or the 9:16 version for Stories, and tag the winners in the post.

Three. Fill in only one or two and the empty rows are hidden, so a single-winner contest looks as complete as a three-winner one.

Most contest rules allow it, and it proves the giveaway was real. Use the handle rather than a full name, mention it in your entry terms, and offer to send a private message instead if someone prefers not to be shown.

Yes. Each row has an optional round photo slot. Upload a picture and drag it inside the circle to position it. Rows without a photo show just the number and name.

Giveaway Contest announces the prize and how to enter. Giveaway Winners is the follow-up that announces the result, so the two work as a pair across the life of one contest.

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, free. Press Play in the editor to watch the animation, then open Export and download it as an animated MP4 (or WebM) for Reels, Stories and WhatsApp Status. PNG, JPG, PDF and HTML exports are free too.

Yes, and it is free. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Giveaway Winners 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.