Svelte 404 Pages - Flowbite Svelte Blocks

Choose from a collection of 404 'not found' landing pages coded with Tailwind CSS to show your website visitors when a page is unavailable or doesn't exist.

Default 404 page #

Use this free example of a 404 “not found” page coded with Tailwind CSS and Flowbite when a user visits a page that doesn’t exist with a button back to the homepage.

  • Svelte
<script>
  import { Section, Page404 } from 'flowbite-svelte-blocks';
  import { Button } from 'flowbite-svelte';
</script>

<Section name="page404">
  <Page404>
    <svelte:fragment slot="h1">404</svelte:fragment>
    <svelte:fragment slot="paragraph">
      <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">Something's missing.</p>
      <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">Sorry, we can't find that page. You'll find lots to explore on the home page.</p>
      <Button href="/" size="lg" color="red">Back to Homepage</Button>
    </svelte:fragment>
  </Page404>
</Section>

Component data