Home
Anonymous
404 Error Page Example

404 Error Page Example

Forked from> @anonymous/404-error-page-example-2

This tailwind example is contributed by Anonymous, on 13-Nov-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are 404 Pages, Not found,404 pages,Not found

Error Page 404 Page

Author Anonymous

1.1k

Fork Fullscreen

<div class="min-h-screen bg-gray-100 dark:bg-gray-900 flex flex-col justify-center items-center px-4 sm:px-6 lg:px-8">
  <div class="max-w-md w-full space-y-8 text-center">
    <div class="mb-8">
      <h2 class="mt-6 text-6xl font-extrabold text-gray-900 dark:text-gray-100">404</h2>
      <p class="mt-1 text-3xl font-bold text-gray-900 dark:text-gray-100">Page not found</p>
      <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Sorry, we couldn't find this person you're looking for.</p>
    </div>
    <div class="mt-2">
      <a href="/"
        class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
        <svg class="mr-2 -ml-1 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12h18m-9-9l9 9-9 9" />
        </svg>
        Go back home
      </a>
    </div>
  </div>
  <div class="mt-2 w-full max-w-2xl">
    <div class="relative">
      <div class="absolute inset-0 flex items-center" aria-hidden="true">
        <div class="w-full border-t border-gray-300 dark:border-gray-600"></div>
      </div>
      <div class="relative flex justify-center">
        <span class="px-2 bg-gray-100 dark:bg-gray-800 text-sm text-gray-500 dark:text-gray-400">
          If you think this is a mistake, please contact support
        </span>
      </div>
    </div>
  </div>
</div>

Related Examples

404 Error Page
Minimal 404 for your project

Author:
TailwindFlex

2 years ago

20.9k
404 Page Example

Author:
Brandon D

2 years ago

12k
Minimal server error page template

Author:
Santos78

2 years ago

12.8k
404 Error Page Example

Author:
Orson Kincaid

8 months ago

1.6k
404 Error Page Example

Author:
Anonymous

7 months ago

1.3k
404 Page
The 404 Page is a responsive and customizable error page designed to inform users when they’ve reached a nonexistent or broken link. This component not only improves user experience but also provides a chance to showcase creativity and guide users back to the right path. Key Features: Fully responsive design that works on all devices. Engaging visuals (customizable images, icons, or animations). Includes a message like "Page Not Found" or "Oops! Something went wrong." Provides helpful navigation options such as a "Go Home" button or links to other pages. Easily customizable for themes, styles, and content.

Author:
Abhiraj

5 months ago

853
404 Error
This HTML page displays a 404 error with a 'Back to home' button, styled using Tailwind CSS.

Author:
Zayyan Mustafa

4 months ago

553
404 Not Found

Author:
Rajesh Maheshwari

4 months ago

755
Page not found
When lost get help to get back home

Author:
ORGIN_DREAMS

1 month ago

166
Animated Ripple Avatar
Ripple Effect Avatar (Tailwind CSS Component) A visually striking animated component that displays a centered avatar or image surrounded by expanding ripple circles. Built with Tailwind CSS and custom animations, this effect simulates a pulsing or water ripple reaction, drawing attention to the central image. Ideal for user profile sections, hero banners, landing pages, or highlighted features in modern web interfaces. The ripples gradually fade and expand, creating a soft, calming motion that enhances interactivity and depth.

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

194
File Not Found
This is a simple not found section for file, with full responsiveness and dark mode supported

Author:
Shariar Hasan

1 year ago

2.4k
Minimal 404 Page Template

Author:
Lautaro Gómez

10 months ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components