πŸ“„ tailwindcss/plus/ui-blocks/marketing/sections/footers

File: footers.md | Updated: 11/15/2025

Source: https://tailwindcss.com/plus/ui-blocks/marketing/sections/footers

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Footers

Use these Tailwind CSS footer examples to include useful information at the bottom of each page, like a sitemap to help users navigate your site, links to your social media profiles, or a newsletter sign up form. These examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

4-column with company mission


Preview

Get the code β†’

4-column with company mission


Preview

Get the code β†’

4-column with call-to-action


Preview

Get the code β†’

4-column with call-to-action


Preview

Get the code β†’

4-column simple


Preview

Get the code β†’

4-column simple


Preview

Get the code β†’

4-column with newsletter


Preview

Get the code β†’

4-column with newsletter


Preview

Get the code β†’

4-column with newsletter below


Preview

Get the code β†’

4-column with newsletter below


Preview

Get the code β†’

Simple centered


Preview

Get the code β†’

Simple centered


Preview

Get the code β†’

Simple with social links


Preview

Get the code β†’

Simple with social links


Preview

Get the code β†’