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 am back on Contra!
As my first post back, I'm sharing what I made for the @Framer Agents Hackathon: Resume Generator
This is actually something I had been wanting to build as a web app for a while and when this hackathon was announced, I thought why not prototype it with Framer?!
Check it out on the Framer Community: https://www.framer.com/community/contests/agents-hackathon/submissions/LH6Drj5WQ5PStF9aW3fwh/
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
FrameOrbit — Config Makeathon Submission 📸🌀
Sharing second project for the Config Makeathon: FrameOrbit.
https://cedar-thaw-04755246.figma.site/
Project published to the community.
FrameOrbit is a playful camera canvas experience where taking photos feels more spatial, visual, and alive.
The idea started from a simple question:
What if captured photos didn’t disappear into a hidden gallery, but stayed around your camera as part of the experience?
In FrameOrbit, the camera view sits in the center of a soft canvas. Every time the user captures a photo, it instantly appears as a framed image around the camera. As more photos are taken, the canvas starts to build a visual orbit of moments around the live camera view.
Users can:
Capture photos directly from the center camera frame
See each image appear instantly around the canvas
Apply different photo styles like Normal, Noir, Warm, Cool, Vivid, Fade, Retro, and Neon
Drag photos around the canvas
Tap any photo to open it in a cinematic full-screen viewer
Move between images using previous/next navigation
Save all captured images or reset the canvas
The goal was to make photo capturing feel less like a utility and more like a small creative ritual, a live memory board that grows with every shot.
Built with Figma Make, I focused on creating a polished interactive prototype with a soft visual system, floating photo cards, smooth viewer experience, and a simple flow that can be understood in seconds:
Capture → frame appears → build your orbit → explore your moments.
FrameOrbit turns the camera into a canvas. ✨
#ConfigMakeathon #FigmaMake #FrameOrbit #ProductDesign #UXDesign #UIDesign #CreativeTools #CameraApp #Prototype #Makeathon
Make sense
I wanted to build a Sci-fi HUD creation tool with plenty of customization options.
So I built the SINGULARITY HUD CREATION TOOL
Live site: https://singularityhud.figma.site/
GitHub Repository: https://github.com/nytrite/SingularityHudCreationTool
SINGULARITY is a notch web-based studio for making cool animated graphics, technical drawings, and futuristic interfaces.
It works in your browser and uses special technology to make smooth animations.
The studio has a professional look, with a dark theme, orange accents, and a clean, simple design.
This makes it easy for designers to create and animate graphics and export them in a ready-to-use format, such as MP4.
The tool is great for making all sorts of graphics from animated user interfaces to schematics and cinematic sci-fi interfaces.
It uses an animation engine that makes everything look smooth and realistic.
With SINGULARITY, designers can make high-quality motion graphics and HUDs quickly and easily.
My process:
Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Supabase → Deployed
Thank you!
Nobody tells you that the hardest part of freelancing is the waiting.
Waiting for the right brief.
The right client.
The right moment to feel ready.
For a long time I treated momentum like something that arrives if you're patient enough.
This summer I'm done waiting for the current. I'd rather be it:)
So I made this.
A swimmer caught mid-stroke, blurred because she's moving, while the only thing holding still long enough to read is the word.
I built it backwards on purpose: the image is frozen but full of motion, and the text is the part that actually moves. A still that's all velocity, a motion that's all calm. That contrast is the whole feeling.
The process:
- Ideogram to generate the swimmer, motion blur and all
- Canva for grain and a bit of the moody texture
- Framer for the moving text, because if momentum is the theme, I wanted the motion to be real, not faked. Also because I'm spending this summer chasing more Framer work for Formeta, so I figured I'd practice what I preach
- Screen recorded the final piece to capture the motion
Movement as meditation. The work moves when I do.
What's the energy you're swimming into this summer?
The motion blur still juxtaposed with the text looks super sick!
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?