Collection of free Tailwind CSS footer code examples from Codepen and other resources.

Demo image: Footer

Author

  • Tailus UI

Made with

  • HTML / CSS

About a code

Footer

Application website footer.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Simple Footer

Author

  • Queen-esther01

Made with

  • HTML / CSS

About a code

Simple Footer

Simple footer with download links.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.2.4

Demo image: Footer

Author

  • Creative Tim

Made with

  • HTML / CSS

About a code

Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 2.2.4

Demo image: Website Footer

Author

  • hackcharms

Made with

  • HTML / CSS

About a code

Website Footer

Responsive website footer.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: Footer Component - Tailwind CSS

Author

  • Karthik Ponnam

Made with

  • HTML / CSS

About a code

Footer Component - Tailwind CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.3

Demo image: Large Footer with Newsletter Form

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Large Footer with Newsletter Form

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Simple Stacked Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Simple Stacked Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Simple Row Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Simple Row Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Call to Action with Gradient Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Call to Action with Gradient Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Split with Company Info, Links and Image Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Split with Company Info, Links and Image Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Simple with Service Status Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Simple with Service Status Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Centered with Social Links as Priority Footer

Author

  • HyperUI

Made with

  • HTML / CSS

About a code

Centered with Social Links as Priority Footer

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer Style #1

Author

  • TailGrids

Made with

  • HTML / CSS

About a code

Footer Style #1

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer #2

Author

  • MambaUI

Made with

  • HTML / CSS

About a code

Footer #2

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer #1

Author

  • MambaUI

Made with

  • HTML / CSS

About a code

Footer #1

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer #3

Author

  • Kitwind

Made with

  • HTML / CSS

About a code

Footer #3

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer #4

Author

  • Kitwind

Made with

  • HTML / CSS

About a code

Footer #4

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer #5

Author

  • Kitwind

Made with

  • HTML / CSS

About a code

Footer #5

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Footer With Subscribe Form

Author

  • MerakiUI

Made with

  • HTML / CSS

About a code

Footer With Subscribe Form

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Four Solumn Footer

Author

  • Martin_Betz

Made with

  • HTML / CSS

About a code

Four Solumn Footer

Four column footer inspired by SketchApp's website using Flexbox to create a responsive layout.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.3.0