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
✨ Introducing WonderPane for the wonder.design × Contra Hackathon ✨
WonderPane is a Quick way to showcase your Designs. It help designers, creators, and builders turn images into polished visuals quickly without over complex tools.
If its easy and fast - its WonderPane.
Try WonderPane: https://wonderpane.vercel.app/
WonderPane Project: https://app.wonder.so/abhicontra/files/019f26cf-bce7-759c-a3cb-519235814ca0
Try Wonder app : https://wonder.design/
100 % built in wonder app.
❓How Wonder.design used? ✨
➡️ Wonder generated Assets
➡️ Most powerful Wonder UI properties editing feature ready for rapid tuning
➡️ Wonder chat the key for fast development
➡️ Wonder itself a complete one stop package.
I use it as a design playground for UI/UX presentation work — uploading a design, adjusting padding, radius, scale, rotation, shadows, window styles, and background colors until the mockup feels ready to share.
It’s helpful because mockup generation is usually too slow or too heavy. WonderPane keeps it fast, clean, and focused: upload, style, randomize, download.
Built for anyone who wants beautiful design previews without opening a full design suite.
Excited to share this as part of the wonder.design × Contra Hackathon 🚀
#wonderchallenge #webdev #DesignTools #web
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 GRIN for the #Wonder Challenge 🧡
Designed the full landing page in Wonder (shaders, smiley interactions, nav states), then synced it to a live site with Wonder MCP.
Wonder made it easy to iterate visually and ship fast.
#WonderHackathon #DesignToCode
really like the style, wish you the best
I opened Wonder just to nail the look because i had this film-darkroom idea stuck in my head, warm safelight glow, trays that feel recessed, one ember accent carrying the whole thing, and I wanted to see it before building anything.
What got me was how much "just messing with the look" turned into. It didn't feel like i was wrestling a canvas, wonder held all of it as decisions, not some flat screenshot I'd have to reverse-engineer later.
So my whole process flipped. Instead of building a mockup and then rebuilding it for real, I hooked Wonder up to Claude Code through its MCP feature and turned the design straight into an actual working web app: darkroom-two.vercel.app
here's my wonder file; take a look:Wonder file
I have been wanting to create a new home page for myself to organize my day: my notes links, thought, ect. For the Wonder Challenge I made a homepage home.
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?