Projects using WonderProjects 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 Iris - turn the work you already did into case studies that get you hired.
Freelance design runs on case studies, but they're the chore you never get to. You ship the project, move on, and your best work stays invisible. I had five or six projects sitting exactly like that, so I built the tool I needed.
Drop the screens you already have, answer a few quick questions, click or just talk, and Iris drafts the whole case study: a real structure, your screens placed and staged, every word yours to edit. The AI rewrites the line you select the way you want, and it never touches your pixels, it remembers your screens and helps you stage them. You stay the designer.
I designed Iris entirely in Wonder and shipped it live with Wonder's Claude MCP - canvas to code and back in minutes after pivoting 48 hours before the deadline i'm grateful for it 😂 . Every asset, down to the pixel mascot, was generated in Wonder.
👉 Try it: https://iris-six-chi.vercel.app
(https://iris-six-chi.vercel.app)Linkedin post: https://www.linkedin.com/feed/update/urn:li:activity:7480047687556472832
(https://www.linkedin.com/feed/update/urn:li:activity:7480047687556472832/)Wonder file : https://app.wonder.so/th-o/files/019f276d-deb3-717d-8940-1a86c6f0317f
Built in Wonder. 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 ══════════════ ✦ 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) 
