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
I wanted to see if I could create motion graphics and interactive UIs using Wonder MCP + Blender MCP. The workflow involved creating simple designs in the chat to establish a baseline visual direction, then passing those designs to an image model for the final look. For the interactive UI, I relied on iterative chatting.
Claude acted as an intermediary, passing assets from Wonder to Blender and generating the Blender animation scripts.
I did not have to interact with Blender directly; if I wanted to adjust the visuals, I could simply return to Wonder, make the changes, and pass them back to Blender.
From there, I can do whatever I want: export a motion graphics clip or use it with Three.js.
https://app.wonder.so/sebastian-lumbi/files/019f1ef3-c014-706a-8266-23b3e3dcc586
https://x.com/loopstian/status/2074310638172598551
Love this!
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
Built AUREN, a fully responsive e-commerce experience for a modular furniture brand, designed in Wonder and brought to life through Wonder MCP + Codex.
As someone who regularly designs e-commerce templates, I wanted to see how far I could take an idea inside one connected workflow. Wonder helped me move incredibly fast from visual direction and product imagery to responsive layouts, a complete design system, material assets, and then straight into a functional coded experience.
The final build includes product variants, modular configurations, cart interactions, responsive states, and a full mobile experience. What would normally require jumping between multiple tools became a much faster, more fluid process.
The video starts with the final showcase, followed by short clips showing how Wonder supported the project from first concept to live implementation.
Built with @usewonder
My entry for the #WonderChallenge: Aurora Breaker 🎮
A game where every level is played on top of a living Wonder shader. Break bricks, chain combos, and watch the sky react. The shaders pulse with every hit.
It all started with Wonder's Northern Lights shader. I love that one. It felt alive, like something you'd want to touch, so I built a game where you literally play inside it. The playfield is translucent glass, so the shaders shine through everything, and 14 hand-picked scenes rotate as you climb levels, each one tuned to react subtly to gameplay.
My workflow: I designed everything in Wonder first using the AI Chat, from the layout and HUD to the components and objects. I got lucky that Claude Fable got unlocked during this challenge, because it helped a ton in bringing my vision for the game to life. From there I used "Copy as Code" a lot to paste scenes straight into Claude Code and build out the gameplay mechanics, powerups, and the live leaderboard on top.
🕹️ Play it: aurorabreaker.fun
🎨 Wonder file: https://app.wonder.so/jerold-llauderes/files/019f275f-4fbd-7503-98f4-428ca35952b9
Walkthrough video in the comments 👇
Thanks Wonder for an amazing tool. This was genuinely the most fun I've had building something.
What if the best way to introduce a product was to let people play first?
I'm building aftrglo - a motion tool for designers who want their work to look good online without learning motion
The app is still in dev, so for now I made a coming soon page where people can join the waitlist
And since it's a tool for designers, I knew I didn't want a classic marketing landing page
We all know how those work
But it doesn't feel like me 🤪
So I made a tiny interactive playground instead: a halftone effect that reacts to cursor movement, with adjustable settings to play with
Because designers love interactive little things
Not being sold to
And it worked!
The waitlist is growing with people waiting for the launch (which is coming very soon) and I've also been getting sooo many messages about the effect, the interaction, and how it actually works
I'm very into openness and creative support, so no gatekeeping here
👩🏫 ✍️ Here's the breakdown:
1. In Unicorn Studio, I have a scene with the logo image on the bg (the same one I use as the Instagram avatar)
2. On top of it, there's a God Rays effect that reacts to cursor movement
3. Plus a Bloom effect to make it even more glowy (because it's aftrglo, obv)
4. After that, outside of Unicorn Studio, I added a canvas overlay with a halftone effect
So the background is a live 3D scene, and the dotted pattern on top keeps reading and redrawing it in real time
Like old newspaper print but inverted:
Where the image is darker, the dots get smaller
Where it's lighter, the dots get bigger
That's why the pattern breathes and moves in real time
Magic! ✨
Play with it and join the waitlist if you want to see what I'm building 👩🍳
aftrglo.app
Goated plugin!
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?