Happy New Year — Free Holidays & Seasonal Social Post Template
Holidays & Seasonal · v1.0.0 · Updated 2026-10-18 · Instagram, Facebook & X · HTML + CSS
What's included
Features
About this template
Happy New Year — Free New Year 2027 Social Post Template
Happy New Year is a free New Year 2027 post template for brands, creators and teams. A giant year in a gold gradient glows on a midnight background with CSS fireworks and confetti, a "Happy New Year" kicker above it and a short message and handle below.
2027, ready to post
The year is its own field, so the same template works every year: type "2028" next December and the post is done. The message has room for a thank-you for 2026 and a line about what is coming next, with accent highlights for the words that matter.
Fireworks made in code
Each firework is a repeating conic gradient masked into a ring, and the confetti are small rotated shapes. The gold year uses a gradient clipped to the text with a soft glow. It all scales with the post and recolours with the gold and fireworks colours.
Great for year-in-review posts
Change the message to your biggest number of the year, or follow it with Milestone posts for each highlight. For January launches, pair it with Product Launch.
Every size
Download the 4:5 feed post, a 9:16 Story for midnight, and LinkedIn and Pinterest sizes in one ZIP.
Celebrating the season first? See Christmas Greeting.
Extend with AI
Take This Post Further With AI
Ask an AI assistant to adapt the Happy New Year HTML and CSS: change the year and message, add a countdown line, or generate a set of posts for the last week of December from the same layout.
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:
Create a 1080×1350 “Happy New Year” social post in plain HTML and CSS.
- A midnight-blue background (#0b1026) with a few CSS fireworks (expanding radial-gradient bursts) and gold and violet confetti pieces made from small rotated rectangles.
- A small kicker (“Happy New Year”), then a giant year (for example “2027”) in Montserrat 800 with an outlined stroke and a gold gradient fill (background-clip: text).
- A two-line thank-you message below the year and the brand handle at the bottom.
- Animations (burst, confetti float) use CSS only and are switched off with prefers-reduced-motion.
- Size everything with a CSS variable --u equal to 1% of the shorter side so the post also works at 1080×1080 and 1080×1920.
- Colours as CSS custom properties: background #0b1026, text #ffffff, gold #f5c451, violet #a78bfa.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 Happy New Year Template
How it’s different
How It’s Different From Canva-Style Templates
Step by step
How to Use
- 1Pick 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. Happy New Year opens at 1080×1350.
- 2Edit the textClick any text in the preview, or use the fields on the left (kicker, year, message, handle and more). Wrap words in *asterisks* to colour them.
- 3Add your imagesClick a photo area in the preview or use Images to upload your logo. Images stay in your browser.
- 4Match 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.
- 5Preview 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.
- 6Download, 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
Follow it up
Email Templates to Match the Happy New Year Post
Reach the people who are not on social media with a matching email from the free responsive HTML email templates: Holiday Greetings Email. Both libraries use the same brand colours and fonts, so the post and the email look like one campaign.
Got questions?
Frequently Asked Questions
Yes. The year is its own field, so type 2027, 2028 or any year. It stays on one line and shrinks to fit if needed.
Thank your customers or community for the past year and share one line about what is coming next. Keep it short so the big year stays the focus.
Yes. Pick the 1080×1920 Story size; everything is centred and clear of the Story header and reply bar.
Change the kicker and year text (for example "Happy Lunar New Year" and "Year of the Horse") and switch to a red and gold palette.
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.
Press Play in the editor to watch the animation for free. Downloading it as an animated MP4 (or WebM) for Reels, Stories and WhatsApp Status is for Patreon supporters, who enter the supporter passcode once. PNG, JPG, PDF and HTML exports are free.
Yes, for Patreon supporters. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Happy New Year 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.