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
Some sounds don't make it into the future.
A dial-up modem. A school bell. A cassette rewinding.
I built "Echoes We Forgot" — a digital museum that archives them before they vanish completely, and pairs a lost sound or a forgotten painting with the story of why it faded.
Designed entirely in @Wonder, brought to life through MCP → Cursor.
🔊 Experience it: https://echoes-we-forgot.netlify.app/
🎨 Wonder file: Wonder File
Tagging: @usewonder @contra
Some things deserve to be remembered.
#WonderChallenge #ContraChallenge
Sounds Good !
Love how storytelling, design, and emotion come together here. This is the kind of project that stays with you
This feels like more than a project—it feels like digital preservation. Beautiful concept.
The subtle color shifting on the landing page is gorgeous. It adds so much life without being distracting. ✨
I recovered 8 of 8 sounds at Echoes We Forgot — 10/10 stars!
https://echoes-we-forgot.netlify.app/sound-museum
Saw this on X and had to check it out. The first thing that caught my eye was the beautiful color-shifting landing page—such a clean and immersive experience. Great work!
Am also get a 8 starts out of 8
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
Related posts
I built an operating system for my marriage.
MARRIAGE.OS is a fictional OS that treats a relationship the way software treats a system. It has a boot sequence, a live dashboard (trust level, comms uptime, a resentment queue, partner battery at 31%), a screen of the conditionals we actually run on (IF thermostat.touched_by(partner_a) THEN war()), an error log of every fight we've ever had (all resolved, eventually), and a shutdown screen that dims the lights and says goodnight.
The whole thing is a CRT terminal aesthetic: amber phosphor on near-black, scanlines, JetBrains Mono, a design system I kept consistent across all six screens.
How Wonder made it possible: I designed every screen with Wonder Chat, generating layouts from prompts and refining them on the canvas. The living glow behind the boot and shutdown screens is a Wonder shader, tuned by hand. Then I used Wonder's MCP to pull the design straight into code and ship it to a live URL. Canvas to code to deployed, no rebuild.
It's live here: marriage-os.gblackman.workers.dev
Link to Wonder file: https://app.wonder.so/user-b66760/files/019f161d-6250-7108-ab1b-6da6b3d02616
Twelve years of marriage, rendered as the longest-running system I own.
This is amazing
🚀 Built AetherPeople — a modern HR & Employee Management platform designed to make People Operations feel calm, simple, and automated.
Instead of building another complex ERP, I focused on creating a clean, human-centered experience where HR teams can manage:
✨ Employee Dashboard
📅 Attendance & Leave Management
💰 Payroll Overview
✅ Approval Workflows
📊 Real-time HR Analytics
🔐 Enterprise-grade Security Experience
I designed and built the complete responsive UI using Wonder, exploring its AI-powered workflow to rapidly iterate, refine layouts, and turn ideas into production-quality interfaces much faster than my traditional design process.
The biggest takeaway? Wonder made it incredibly easy to move from concept → polished product while experimenting with layouts, components, and visual direction in minutes instead of hours.
🎥 In the walkthrough, I cover:
• My design process
• How I used Wonder throughout the project
• Key UI decisions
• The final interactive prototype
🔗 Live Demo:
📁 Wonder Project:
Wonder Project Link
I'd love to hear your feedback!
#wonder #AI #UIDesign #UXDesign #ProductDesign #WebDesign #HRTech #EmployeeExperience #ERP #SaaS #Frontend #DesignSystems #AetherPeople
i have so many HR friends, i will tell them about this
this is really good
Do you guys have tutorial on how to connect Wonder MCP to Claude ?
I made a design website in Wonder, but i have no idea yet how to make it a LIVE or real website.
appreciate a video tutorial
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?