Minimal Footer

Desktop · 1280px · shown at 0% · edit the text, images and colours in the panel

Related Section Templates

44 sectionsView all →
1–5 of 44
Footer

Minimal Footer

Responsive · Animated
Footer

Multi-Column Footer

Responsive · Animated
Footer

Footer With Newsletter

Responsive · Animated
Footer

Big Wordmark Footer

Responsive · Animated
Hero

SaaS Split Hero

Responsive · Animated

Minimal Footer — Free Website Section Template

Footer · v1.0.0 · Updated 2026-10-20 · Responsive · GSAP animation · HTML, React & Vue

CategoryFooter
Tagsfooterminimalsimpleone rowsocial iconslanding pagelight
Updated October 20, 2026

What's included

Features

Logo, a row of links and social icons on one line
Copyright line under a thin divider
Links written as "Label | URL" lines (anchors work)
Up to 6 social icons with screen-reader labels
Stacks and centres on phones
Upload a logo or use the icon + name mark
Light theme; any preset or brand kit
Export HTML, a ZIP, React or Vue

About this section

Minimal Footer — Free Simple One-Row Footer Template

Minimal Footer: A small, tidy footer for landing pages and simple sites: logo on the left, a single row of links in the middle and social icons on the right, with a thin divider and the copyright line underneath. On phones everything stacks and centres.

Minimal Footer is a small, tidy footer for sites that don't need a sitemap at the bottom: your logo on the left, a single row of links in the middle, social icons on the right, and a thin divider with the copyright line underneath. It's ideal for landing pages, portfolios and apps with only a few pages.

Quick to set up

Write the links one per line as Label | URL. Page anchors such as #features and #pricing work well on one-page sites. Add up to six social icons (X, LinkedIn, GitHub, YouTube, Instagram, Dribbble and more) or switch them off, and upload your logo or use the icon-and-name mark.

Centred on phones

On narrow screens the logo, links and icons stack and centre, so the footer stays balanced on every device. Link URLs are checked before use, and social links carry labels for screen readers.

Light and calm

A white background with a teal accent keeps it unobtrusive; switch the colours with any preset or your brand kit to match the rest of your page.

Export it

Download HTML, a ZIP, React or Vue, or fork into My Code. For more links and a back-to-top button, use the Multi-Column Footer.

Why use it

Why Use the Minimal Footer

➖
Just enough
Small sites only need a few links; a compact footer ends the page cleanly.
⚓
Great for one-pagers
Anchor links let visitors jump back to any section of a single long page.
◐
Matches the page
Shares the theme with every section, so it never looks bolted on.

How it’s different

How It’s Different From Other Free Section Templates

✎
Editable, not just copyable
Change text, links, images, colours and fonts in the browser before you export, instead of editing someone else’s code by hand.
◐
One theme for every section
Colours, fonts, radius and width are shared CSS variables, so every section you combine looks like one website.
⇲
Responsive by container
Container queries make each section adapt to its own width, in a full page, a column or a page builder.
✦
GSAP animation built in
Every section animates in with GSAP and ScrollTrigger, stays visible without JavaScript and respects reduced motion.
</>
HTML, React and Vue
Export a single HTML file, a ZIP with your images, a React component or a Vue component, or fork the code into My Code.
◍
Free, private, saved
No account and no watermark. Designs, uploaded images and fonts stay in your browser, with a backup file you can restore anywhere.

Step by step

How to Use

  1. 1
    Edit the contentFill in the logo, links, social links and copyright in the panel. Switch the social links on or off. Wrap words in *asterisks* to colour them.
  2. 2
    Add your imagesUpload your own images (resized in your browser and kept on your device) or paste a hosted image URL.
  3. 3
    Match your brandPick a colour preset or exact colours, choose heading and body fonts from Google Fonts or your own uploaded font, set the corner radius and width, or apply your brand kit.
  4. 4
    Animate and previewChoose a GSAP entrance effect and speed, press Play animation, and check the section on desktop, tablet and mobile.
  5. 5
    Save and exportSave it to My designs, then export a single HTML file, a ZIP with your images, a React or Vue component, or fork it into My Code.

Real-world uses

Common Use Cases

📄
Landing page
Link to #features, #pricing and #faq plus your privacy policy at the bottom of a single-page site.
🧑‍🎨
Portfolio
Show your name, links to work and contact, and icons for Dribbble, Instagram and LinkedIn.
📱
App website
Add support, privacy and terms links required by app stores, in a tidy single row.
⏳
Coming-soon page
Keep a minimal footer with social links while the full site is being built.

Got questions?

Frequently Asked Questions

Five or six fit comfortably in one row on desktop; more will wrap neatly. For many links, use the Multi-Column Footer.

Yes. Use anchors like Features | #features; the matching section needs an id of features.

The logo, links and icons stack and centre, with the copyright line below.

Yes. Switch the Social links group off.

It saves an editable copy of your Minimal Footer in My Code, the UI Snippets code editor: the section markup goes in the HTML panel, its CSS (theme variables, base styles and layout) in the CSS panel, and the GSAP library is added as a CDN link, so you can keep refining the code and save your own versions.

Yes. It is free for personal and commercial websites, with no sign-up, no watermark and no attribution required. Everything runs in your browser and your edits are saved locally.