Skip to content

Error pages: HTML, React and WordPress components

404 and 500 pages that help people move on: search, useful links and a reassuring tone.8 components (error pages) that are accessible and responsive, ready for your site: HTML + Tailwind, React, plain CSS and a WordPress block.

All 8 resources

  • A page for a product no longer sold, with an explanation and three similar products.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A page shown during maintenance, with the expected return time and ways to stay informed.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Offline page

    Coming soon

    The page shown by an installable web app when the connection is lost, with practical tips.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A server error page that reassures, offers to try again and provides a reference to give support.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A clean not-found page with a large error code, a search field and links to the main sections.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A not-found page with a small planet and satellite drawn in CSS, and a button back to the homepage.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A magazine-style not-found page suggesting the latest blog articles.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A dark access denied page explaining why and offering to switch account or request access.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component