Explore a Fun Interactive 404 Page with Matter.js Sneak Peek

Explore a Fun Interactive 404 Page with Matter.js Sneak PeekExplore a Fun Interactive 404 Page with Matter.js Sneak Peek

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Aida Oliva

pro

• Feb 4

If someone gets lost on a website… they might as well have fun while they’re there. My latest project is launching super soon! Leaving you with a tiny sneak peek of the interactive 404 page.

Huge thanks to my dev support helping bring these interactive details to life ✨ -here with matter.js

Webflow interactivedesign webdesign

Henry Tochukwu

pro

• Feb 6

That opening line is a great framing, a 404 is usually a dead end, but this turns it into a moment of delight. The interaction feels purposeful rather than decorative, which is hard to achieve. Curious how you balanced playfulness with performance and accessibility, especially with a physics engine in the mix.

Cameron Duncalfe

max

• Sep 17

Do you ever try breaking the site you're interacting with? I'm always thinking "what will people try to do" and then coming up with a solution for it. If I saw a card like this I'd try to pick it up. Then once I discovered it was draggable, I'd try seeing what happens if I throw it outside the browser. What do you think?

Completed work

UI Design Web Design Web Development Claude Figma

MOHIT Chudasama

• Sep 18

Hot design

Amina Hussain

• Sep 17

One header, two color stories.

Green: cool tones, feels productive and safe Purple: gradient glow, feels modern and premium

Same words. Different first impression.

Which one would make you click "Get Started"?

Webflow Relume Design Interaction Design

26 voted

59%

18 voted

41%

44 votes

Closed

MD Rafee Alam

• Sep 17

Went with calm and focused. The copy is literally asking people to focus on what matters, so a header that competes for attention with a glow works against its own message.