Home
Ousmane CISSE
404 error

404 error

N'oublier pas de revoire la responsivité a votre niveau

This tailwind example is contributed by Ousmane CISSE, on 20-Feb-2026. 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 Ousmane CISSE

Fork Fullscreen

<!doctype html>
<html>

<div class="w-full flex justify-center relative overflow-hidden " x-data="{ inView: false }" x-init="setTimeout(() => inView = true, 500)">
            <div :class="{ 'opacity-100 translate-y-0': inView, 'opacity-0 translate-y-8': !inView }"
                class="transition-all duration-1000 ease-out max-w-md mx-auto">
                
                <div class="text-9xl md:pl-20 text-center font-bold text-blue-600 dark:text-blue-400 mb-4">
                    404
                </div>
                
                <h1 class="text-3xl text-center text-blue-700 dark:text-blue-800 mb-4">
                    <span class="text-red-500 text-5xl font-bold">Oups ! </span>Page introuvable.
                </h1>

<p class="text-lg text-gray-600 dark:text-gray-400 mb-8 text-center">
                    La page que vous recherchez semble avoir été déplacée ou n'existe plus. 
                    Pas d'inquiétude, nos meilleures sections sont toujours là
                </p>

<a href="https://ctexi.com"
                    class="inline-block px-6 py-3 ml-12 sm:ml-32 
                            bg-slate-200 text-blue-900 font-semibold rounded-xl
                            shadow-[inset_6px_6px_12px_#b8b9be,-2px_-2px_4px_#ffffff] 
                            hover:shadow-inner
                            active:shadow-[inset_6px_6px_6px_#b8b9be,inset_-2px_-2px_8px_#fD2323] 
                            transition-all duration-300">
                        Rejoins la page d'accueil
                </a>
            </div>
        </div>
    </div>
</body>

</html>

Related Examples

404 Error Page
Minimal 404 for your project

Author:
TailwindFlex

3 years ago

22.1k
404 Page Example

Author:
Brandon D

3 years ago

12.9k
Minimal server error page template

Author:
Santos78

3 years ago

13.5k
404 Error Page Example

Author:
Orson Kincaid

1 year ago

2.5k
404 Error Page Example

Author:
Anonymous

1 year ago

1.8k
404 Error Page Example

Author:
Anonymous

1 year ago

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

1 year ago

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

Author:
Zayyan Mustafa

1 year ago

1.3k
404 Not Found

Author:
Rajesh Maheshwari

11 months ago

1.7k
Page not found
When lost get help to get back home

Author:
ORGIN_DREAMS

8 months ago

1k
Animated 404 Error Page Section
A modern and minimal 404 error page section built with Tailwind CSS and Alpine.js. This component features a smooth fade-in animation triggered on page load, a bold 404 error code, a short message, and a primary call-to-action button guiding users back to the homepage. ✨ Key Features: Smooth fade & slide-in animation using Alpine.js Fully responsive and optimized for mobile and dark mode Clean Tailwind CSS styling for easy customization Includes a call-to-action button for better UX Perfect for: landing pages, web apps, and portfolios that need a polished “Page Not Found” experience.

Author:
wavy kits

4 months ago

524
404 - Page Not Found
404 - Page Not Found

Author:
Tanvir Hasan Bappy (Tanvir)

1 month ago

109

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components