---
title: "Depth404 — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Text. Animated 404 page with hover effects"
canonical: "https://framer.elliotli.dev/component/depth404"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Depth404

# Depth404

Animated 404 page with hover effects

[View on Framer](https://framer.com/marketplace/components/depth404/?via=elliot-li)

![Depth404 preview image 1](https://framer.elliotli.dev/og/component/depth404/62c7af351deac7f2/1600x1200.jpg)

## Summary

Animated 404 page with hover effects

## Description

A modern 404 error page that turns dead ends into engaging moments. Bold visuals, hover animations, image swaps, and a clear home button keep visitors oriented instead of lost. Built for portfolios, SaaS products, and client projects that care about every page — including the broken ones.

## Features

-   Clean minimal layout with bold visual impact
    
-   Interactive hover states with image swaps and smooth animations
    
-   Smart home navigation button to guide visitors back
    
-   Fully customizable text, colors and images
    
-   Responsive across all screen sizes
    
-   Plug and play — no manual code edits needed
    

## Property Controls

**Content** — headline text, subtext, button label, button link

**Images** — default image, hover swap image

**Styling** — background color, text color, button color

## Use Cases

Personal portfolios · SaaS landing pages · Agency client projects · Blogs · Content platforms · Product websites

**SEO Keywords**

framer 404 page · framer error page · framer 404 component · 404 page framer · framer not found page · framer animated 404 · framer page section · framer landing page component · framer hover animation · framer code component

## Rank history [How rankings work →](/terms#rankings)

-   All · #8679

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-09-03
- **Updated**: 2026-04-09
- **Added**: 2025-08-24
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing