Every footer here was designed and coded in-house by uiCookies — our own pack, not a roundup. Each design is a single self-contained HTML file with inline CSS and no dependencies, and each demo includes a page placeholder so you see the footer in context, the way it will actually sit.
Download all 8 (free) Browse live demos
The designs
1. Classic Column Footer
The default done well: brand blurb with logo, three link columns, and a legal row with social buttons that lift on hover. Collapses to two columns on phones.
2. One-Line Footer
Copyright on the left, inline nav on the right, one hairline above. For portfolios and products that don’t need a sitemap in the basement.
3. Dark SaaS Footer
A dark footer with a live “all systems operational” status pill, grouped product/developer/company links, and a proper legal row. Reads like a serious product.
4. Big CTA Footer
The footer as a last conversion moment: a giant two-tone headline, a single rounded call-to-action, and a rounded top edge that lifts it off the page.
5. Newsletter Footer
A subscribe-first footer with an editorial serif headline, an inline form with a built-in success state, and honest fine print about frequency.
6. Ecommerce Mega Footer
The sitemap footer stores need: five link columns, a row of trust badges (shipping, returns, reviews), and a full-width legal strip.
7. Gradient Studio Footer
A vivid gradient footer with glassy social buttons and a soft light orb — for agencies and creative studios that want the last scroll to feel designed.
8. Centered Footer
Logo mark, one nav row, social circles, fine print — all centered. The symmetric option that suits landing pages and microsites.
Frequently asked questions
Are these footer templates free?
Yes. The whole pack downloads free from the uiCookies pack page — no signup. See the uiCookies license page for attribution details.
What should a website footer contain?
At minimum: copyright, legal links, and a way to contact you. Beyond that it depends on the site — SaaS products add link groups and a status link, stores add the full sitemap and trust badges, editorial sites add a newsletter form. The pack covers each of those patterns.
Do these work with Bootstrap?
Yes — they are plain HTML and CSS with scoped class names, so they drop into Bootstrap layouts (or anything else) without conflicts.
How do I keep the footer at the bottom on short pages?
The demos already do it: the body is a flex column with min-height 100vh and the content area set to flex 1, which pushes the footer down without any positioning hacks.
Top of the page next: our header templates — or everything in between with cards, buttons, and the full template catalog.
