Home
TailwindFlex
404 page template

404 page template

Minimal 404-page template for tailwind css

This tailwind example is contributed by TailwindFlex, on 07-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are 404 pages,Not found

404 Page

Author TailwindFlex

11.9k

Fork Fullscreen

<div class='flex items-center justify-center w-full min-h-[70vh] text-gray-900 my-12 px-4'>
    <div class='flex flex-col items-center w-full gap-8'>
        <h1 class='text-9xl md:text-16xl w-full select-none text-center font-black text-gray-400'>
            404
        </h1>
        <p class='text-3xl font-semibold text-center'>You have discovered a secret place</p>
        <p class='text-2xl md:px-12 text-center'>
            Unfortunately, this is only a 404 page. You may have
            mistyped the address, or the page has been moved to another URL.
        </p>
        <div class='flex flex-row justify-between gap-8'>
            <a href="#"
                class='flex justiy-center items-center px-5 py-2 text-xl rounded-md text-black border border-indigo-500 hover:bg-indigo-500 hover:text-white'>
                Previous Page
            </a>
            <a href="/"
                class='flex justiy-center items-center px-5 py-2 text-xl rounded-md text-black border border-green-500 hover:bg-green-500 hover:text-white'>
                Home Page
            </a>
        </div>
    </div>
</div>

Related Examples

404 Error Page
Minimal 404 for your project

Author:
TailwindFlex

2 years ago

20.4k
Minimal 404 page

Author:
Santos78

2 years ago

10.7k
Simple 404 page template

Author:
Livia Flores

2 years ago

13k
Minimal server error page template

Author:
Santos78

2 years ago

12.7k
Beautiful 404 page
404 page with background image

Author:
Nikolai

1 year ago

2.6k
404 Error card
Error card at the center

Author:
Shakti

2 years ago

8.8k
404 Page Example

Author:
Brandon D

2 years ago

11.8k
404 Error Page Example

Author:
Anonymous

5 months ago

1.1k
404 Error Page Example

Author:
Orson Kincaid

7 months ago

1.4k
404 Page

Author:
ᴀʀ!ᴀ

4 weeks ago

67
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

3 months ago

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

Author:
Zayyan Mustafa

3 months ago

502

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components