Collection of free Tailwind CSS 404 page templates from Codepen and other resources.

Demo image: 404 Page Not Found

Author

  • atif0075

Made with

  • HTML / CSS

About a code

404 Page Not Found

This is simple and minmal 404 error page design with TailwindCSS.

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

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Simple 404 Page

Author

  • Nibeza Kevin

Made with

  • HTML / CSS

About a code

Simple 404 Page

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.4

Demo image: Tailwind 404

Author

  • Tiago-Pratas

Made with

  • HTML / CSS (SCSS)

About a code

Tailwind 404

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Tailwind CSS 404 Error Page

Author

  • Harrishash

Made with

  • HTML / CSS

About a code

Tailwind CSS 404 Error Page

A free Tailwind error page with image and a CTA to take users back to homepage.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Error

Author

  • Mamba UI

Made with

  • HTML / CSS

About a code

Error

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Error

Author

  • Mamba UI

Made with

  • HTML / CSS

About a code

Error

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: 404 Error Page Design In Tailwind CSS

Author

  • aji

Made with

  • HTML / CSS

About a code

404 Error Page Design In Tailwind CSS

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

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: 404 Page

Author

  • ahampriyanshu

Made with

  • HTML / CSS

About a code

404 Page

404 error page.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.3

Demo image: 404 Error Page Design In Tailwind CSS

Author

  • w3hubs

Made with

  • HTML / CSS

About a code

404 Error Page Design In Tailwind CSS

404 error pages are mostly used to show some errors like URL broke or page not found view side. So here we made a 404 error page in Tailwind CSS with the help of the utility class.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.3

Demo image: 404 Template

Author

  • Scott Windon

Made with

  • HTML / CSS

About a code

404 Template

A simple 404 error page template.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: 404 with Dark & Light Mode

Author

  • Kamona-WD

Made with

  • HTML / CSS

About a code

404 with Dark & Light Mode

404 with dark & light mode from k-wd dashboard project.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: 404 Not Found Page

Author

  • yogaaltariz

Made with

  • HTML / CSS

About a code

404 Not Found Page

404 not found page default Tailwind CSS config and with no extra CSS.

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

Responsive: yes

Dependencies: -

Tailwind version: 1.7.0