Back to Dictionary
Empty & Error States
●●○Customize
404 Animation
A playful loop or glitch effect applied to a 404 number or illustration to reduce the frustration of hitting a dead end.
Live Demo
404
404
404
Page not found
The item you're looking for couldn't be located.
What It Is
A playful loop or glitch effect applied to a 404 number or illustration to reduce the frustration of hitting a dead end.
✓When to Use
- Not Found pages
- Deleted content routes
✕When NOT to Use
- Hard system failures or 500 errors
Configuration Tips
- 01Can be a subtle glitch effect on text, or a character looking around
- 02Always provide a clear "Back to Home" button
You've Seen It In
GitHubDribbbleFigma
Prompt Templates
Copy and paste these prompts into your AI coding assistant.
Create a creative 404 page where the 404 text has a slight, occasional glitch or floating animation.
Code Example (Tailwind CSS)
export function NotFoundAnimationDemo() {}