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
Undertone: an animated background generator that exports to Next.js and drops onto your website in seconds ✨
I built Undertone, a website background generator.
A background is the undertone of a website, the texture and feeling underneath it all.
I got tired of coding them and burning through AI credits without getting the result I wanted. They all end up looking the same, and tiny details like the speed and the pauses are hard to change.
So I built Undertone: pick a feeling, customize everything, draw your own, then export straight to Next.js and drop it into your site in seconds. It's just text, so it stays light and loads fast.
Built in Figma Make for #ConfigMakeathon ✨
Try it: https://undertone.figma.site
Also available on the Figma community: https://www.figma.com/community/file/1649138950603776862
Share on LinkedIn
Really love the direction here the details feel intentional and the whole piece just flows nicely. Solid work
Thank you! So glad you like it.
Updated social post on LinkedIn
• 15h
this is cool
Thank you!! :)
Another demo to show you how to use undertone.
great project!
Thank you! I hope you give it a try and let me know wha you think.
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
Clean shop
Quick one guys, which takes it for you, while both a similar, the suble difference communicates different feelings. Which is your preference
9 voted
64%
5 voted
36%
14 votes
Closed
As for me.... Am going for option 1
@Figma @Contra HQ What if online communities had a beach instead of just a chat room?🌊
Read fully🚨
Over the past few days, I’ve been building Partly - a browser-based virtual beach party where people can join instantly, create an avatar, explore a tropical island, chat in real time, dance to music, and hang out together.
The goal was simple: make online socializing feel more like being somewhere, rather than just sending messages.
🔗 Try Partly: https://partly.figma.site/
✨ Features:
• Real-time multiplayer world
• Live chat with other players
• Interactive beach environment
• Party stage with music
• Campfire hangout spots
• No downloads required
🚨 Best experienced on desktop for the full beach party experience.
Everything runs directly in the browser, making it easy for friends, communities, and creators to connect and share experiences together.
Tools:
Figma Make
This project was built and iterated using Figma Make, turning ideas into a working prototype through continuous prompts and refinements.
I’d love to hear your thoughts and feedback!
🔗 Try Partly: https://partly.figma.site/
No downloads. No VR. Just join, meet people, and enjoy the party. 🌊
this is wild!
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?