---
title: "Color404Notfound — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Viper Guy · Carousels. Animated 404 page with live color contro"
canonical: "https://framer.elliotli.dev/component/color404notfound"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Color404Notfound

# Color404Notfound

Animated 404 page with live color contro

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

![Color404Notfound preview image 1](https://framer.elliotli.dev/og/component/color404notfound/3e9889de685be90f/1600x1200.jpg)

## Summary

Animated 404 page with live color contro

## Description

Most 404 pages are an afterthought — a plain number on a blank screen that quietly kills the experience. This one turns a dead end into a moment. Hundreds of tiny square pixels form the "404" in a retro bitmap style, each one independently animated with a slow, organic breathing rhythm that never feels mechanical or distracting.

The real magic is the color slider. Drag it across a full spectrum — violet, blue, teal, green, yellow, orange, red, pink — and every pixel on screen shifts instantly. The glow on the slider, the button border, the label text: everything reacts together. It takes seconds to match any brand palette.

**What you get out of the box**

-   Pixel-dense animated 404 built entirely on canvas — no SVGs, no heavy libraries
    
-   Smooth slow-breathing animation with zero flicker, zero layout jank
    
-   Full-spectrum color slider with live preview across all elements
    
-   "Go to Home" button with a configurable URL set directly from Framer's property panel — no code edits needed
    
-   Sharp, no-radius aesthetic that fits brutalist, editorial, and minimal design systems equally well
    
-   Fully responsive — rebuilds the pixel grid at any canvas size automatically
    

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

-   All · #11060

## Details

- **Author**: Viper Guy
- **Price**: $2.00
- **Published**: 2026-05-30
- **Updated**: 2026-05-30
- **Added**: 2026-05-25
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view