Home
ORGIN_DREAMS
Page not found

Page not found

When lost get help to get back home

This tailwind example is contributed by ORGIN_DREAMS, on 22-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are 404 Pages, Not found,Front page,404 pages,Not found

Error Page Landing Page 404 Page

Author ORGIN_DREAMS

320

Fork Fullscreen

<main class="flex flex-1 items-center justify-center px-6 py-24 sm:py-32 lg:px-8">
    <div class="text-center max-w-md">
      <p class="text-base font-semibold text-green-600">404</p>
      <h1 class="mt-4 text-5xl font-semibold tracking-tight text-balance text-gray-900 sm:text-7xl">
        Page not found
      </h1>
      <p class="mt-6 text-lg font-medium text-pretty text-gray-500 sm:text-xl/8">
        Sorry, we couldn’t find the page you’re looking for.
      </p>
      <div class="mt-10 flex items-center justify-center gap-x-6">
        <a
          href="/"
          class="rounded-md bg-green-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-green-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
        >
          Go back home
        </a>
        <a href="/Contact" class="text-sm font-semibold text-gray-900">
          Contact support <span aria-hidden="true">&rarr;</span>
        </a>
      </div>
    </div>
  </main>
</div>

Related Examples

404 Error Page
Minimal 404 for your project

Author:
TailwindFlex

2 years ago

21.3k
404 Page Example

Author:
Brandon D

2 years ago

12.1k
Minimal server error page template

Author:
Santos78

2 years ago

12.9k
404 Error Page Example

Author:
Orson Kincaid

10 months ago

1.6k
404 Error Page Example

Author:
Anonymous

8 months ago

1.3k
404 Error Page Example

Author:
Anonymous

8 months ago

1.2k
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

6 months ago

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

Author:
Zayyan Mustafa

6 months ago

669
404 Not Found

Author:
Rajesh Maheshwari

5 months ago

934
Website Mockup
An Onyx Component. This can be used for landing pages / other website mockup purposes. It's clean design will fit with most SAAS projects.

Author:
Coastal UI

9 months ago

1.5k
Animated Coming Soon Page 1
animated coming soon landing page

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

3.9k
Hero

Author:
Aman kumar

1 year ago

6.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components