Freelancers using WonderFreelancers using WonderMeet Petlancer: The Ultimate Freelancer Sidekick 🐾
As a freelancer, staying motivated through intense deep-work blocks can be hard at times, so I wanted to marry that 90s nostalgia and fun of Tamagotchis with a practical productivity hub to create the ultimate focus companion.
Fun fact: In real life, my core motivation to work is providing the best possible life for my 9 pets (3 cats, 1 dog, and 5 goats!). So, I built an interactive app where your actual freelance output directly translates into taking care of your virtual pixel pet.
Key Features:
⭐ The "Choose Your Starter" Onboarding: a setup screen where you choose and name your companion - whether that's a cute cat, a happy dog or a silly goat
⭐ The "Productivity-Meets-Fun" Dashboard: on the left is your fun side - with your pet, along with its Hunger, Cleanliness, and Energy bars. On the right is the productivity side - with a 25-minute Pomodoro timer and your daily to-do list.
Completing pomodoros and checking off your daily tasks earns you credits that you can spend to feed, clean or play with your pixel buddy.
As a first-time user of Wonder, it's definitely one of those tools I can see myself using again in the future. I love how it works so well with my casual-style prompts, it feels like I'm just chatting with a chat-based app like Gemini. I also really like that, at the end of each implementation, it suggests next steps or asks questions along the way if needed. You really feel like it's your partner in crime rather than just an AI that's doing what you tell it to do.
And of course, you can check out my design file here: https://app.wonder.so/freelancingwithsilvia/files/019f3960-2948-7f1b-8079-f7280babb4ae Air Sculpt - sculpt with your bare hands, in the air.
For 30,000 years we've shaped stone with our hands. I wanted to know: what if you still could - without ever touching a mouse?
Air Sculpt is a browser tool where you sculpt a real 3D marble form using only hand gestures, tracked live through your webcam, then export a genuine, 3D-printable file. The oldest art, in the palm of your hand.
🏛️ What it does
Pinch in the air to carve - the marble swells where you point, like clay
Press to push in, Smooth to polish, two hands to scale, a fist to rotate
Switch materials - marble, clay, bronze, alabaster
Finish → name your piece → export a real .STL you can 3D print
Every sculpture lives on in a museum gallery you turn through like a real exhibition
The whole thing is built as a classical sculpture museum - warm marble, golden skylight, an atelier you step into. Modern hands, ancient craft.
✨ How Wonder made it possible
I designed the entire world in Wonder:
Wonder Chat — built every screen (atelier, gallery, reveal, about) by describing them and reshaping on the canvas
Shaders — the golden museum light, drifting marble dust, and glowing material spheres are all real Wonder shaders, the whole atmosphere, not decoration
Figma paste-in — sketched a frame in Figma, dropped it in, Wonder matched it
MCP → Claude Code — because in Wonder the design is real code, I connected straight to Claude Code and shipped the whole thing live. No handoff, no rebuild. What I designed is what shipped.
The hand-tracking runs on MediaPipe + Three.js; Wonder was the design engine behind all of it.
I walked into Wonder to design a museum and walked out with a working product.
🔗 Live: https://airsculpt.vercel.app/
🎨 Wonder file: https://app.wonder.so/surya/files/019f14b1-5a6e-7049-b19d-66b9f422c950
Built for the Wonder Challenge Se la mia morte brami | If You Desire My Death
🔗 https://wondermadrigale.netlify.app/
THE CONCEPT
I have always thought of the madrigal as one of the most fascinating forms of Renaissance music, but also one of the most difficult to approach on a first listen. For this reason, I wanted to create an experience that would help people enter Se la mia morte brami by Carlo Gesualdo da Venosa, without simplifying it, but instead guiding the listening.
I synchronized the text line by line, in both Italian and English, while individual words appear in time with the music. In this way, it becomes easier to follow the intertwining voices and to perceive how text and polyphony support each other.
At the end of each stanza, a sound-reactive surface reveals only a few selected words from the text — few, but the ones that carry its emotional core: brami, morte, crudel. These words respond to the music and seem to come alive, emphasizing the moments of greatest intensity. For this surface, I used a soft gradient shader generated in Wonder, creating a luminous, atmospheric background that gently shifts as the words appear.
Inside the altarpiece, Gesualdo himself is also present. If you like, try to find him.
THE PROCESS
The entire design was created in Wonder. I began by providing reference images and describing what I envisioned: Wonder generated the full structure of the project, from layout and visual style to color palette, typography, the different sections of the experience, and both desktop/mobile and Italian/English versions.
I then connected Wonder to Claude Code through MCP, allowing me to continue developing the project directly on the generated code, reading and editing files in real time.
MY EXPERIENCE WITH WONDER
One of the things that impressed me most was working with Wonder purely through natural language. I wrote all my prompts in Italian, exactly as I would explain the idea to a person, without adapting my way of speaking to “talk to an AI”. Wonder understood every request precisely, and the experience felt surprisingly natural.
For the best experience, I recommend listening to the madrigal with headphones.
🔗 https://wondermadrigale.netlify.app/ ══════════════ ✦ ATLAS ✦ ══════════════
The Living Memory of Humanity
═══════════════════════════════════════
Atlas is an immersive experience that transforms the way we explore history. Instead of reading about the past, users travel through it.
Starting from a living globe, Atlas lets you select any location and begin a Memory Flight—a cinematic journey where the world rewinds around you. Cities transform across centuries, civilizations emerge, cultures evolve, and every place reveals the stories that shaped it.
Built with Wonder, I used its design capabilities to rapidly prototype the product, create a scalable design system, explore multiple historical experiences, and develop a complete storyboard that guided the final interactive experience. From the global navigation to each Memory Flight, Wonder made it possible to iterate quickly while maintaining a polished, cohesive vision.
Atlas is built around one simple belief:
Every place remembers. Every memory tells a story.
Live Demo: Click here to test the Live Demo Link (https://atlas-ma.netlify.app/)
Wonder Design File: Click here to see Wonder Design source (https://app.wonder.so/user-623bcf/files/019f1e87-2457-7975-ac66-067908dd5d95)
