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 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!
Thanks bruv!
that's so cool !!!
Thank you!
Sci-fi HUD creation tool in the browser — that's genuinely impressive. The animation engine approach is clever. Love the dark theme + orange accents combo!
Thank you fam!
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
Here is my submission for the #makeathon
FocusDock is a calming focus timer designed for work, study, reading, and deep focus sessions.
https://detach-lime-09329627.figma.site/
The idea started from a simple problem: most focus timers are functional, but they don’t feel personal or emotionally engaging. I wanted to create a timer that feels more like a small ritual, choosing your environment, placing your clock, setting the mood, and starting a focused session with intention.
With FocusDock, users can:
Choose a focus duration
Pick from different illustrated desk, shelf, and table backgrounds
Select a clock style
Place the clock naturally inside the scene
Start a clean, distraction-free focus session
Use ambient sounds or music to support concentration
The design direction is soft, calm, and minimal, using 2D illustrated backgrounds with clear surfaces where the clock can sit naturally. The goal is to make the clock feel like an object inside the workspace, not just a floating timer UI.
I’m using Figma’s suite of tools to explore the visual system, generate the interface direction, and build the interactive prototype with Figma Make. A big part of the challenge is making the experience feel polished: smooth transitions, thoughtful placement, responsive layouts, and a focus flow that feels simple but meaningful.
For me, this project is about turning time management into a calmer, more intentional experience.
social post: https://x.com/sir_hsn/status/2063623301201858694?s=20
Kombucha Y2K – Interactive Flavor Experience with a walkthrough video
project live demo link :
Link of figma project
Figma X contra challenge
Kombucha Y2K is a bold, interactive product experience that showcases a new generation of kombucha through a high-energy digital interface. Built with a striking neon aesthetic, the app blends product discovery, brand storytelling, and exploration into one immersive platform.
Users can browse unique flavors like Neon Lime Surge, view detailed product information, and explore ingredients, energy levels, and nutritional highlights in a visually engaging way. Each product is presented with a futuristic, electric style that reflects the brand’s identity.
Beyond shopping, the app introduces a strong brand narrative through its manifesto—positioning Kombucha Y2K as more than just a drink, but a movement focused on energy, flavor, and individuality.
With interactive sections like product exploration, lab-style discovery, and location features, the experience feels dynamic and modern rather than static.
Kombucha Y2K is designed for a new generation of consumers who want bold flavors, strong identity, and an engaging digital experience—all in one place.
I didn’t want to make something normal.
Everything I see online feels the same—clean, safe, predictable. So I decided to build something that actually feels different… something with energy.
I started with a simple idea: what if a drink brand felt alive? Not just a product, but an experience. Something bold, electric, almost futuristic.
So I designed Kombucha Y2K.
I played with neon colors, sharp contrasts, and a dark interface to give it that high-energy vibe. Every screen, every detail—it’s meant to feel intense, like you’re not just looking at a product, but stepping into a world.
This wasn’t just about design. It was about creating a feeling.
Something loud. Something different. Something that stands out.
And honestly… this is just the beginning.
Some walking through video
I didn't set out to build another educational app.
I started with a simple question:
How can screen time become more meaningful for children and their families?
That question led me to create WonderTrail.
WonderTrail is an educational adventure designed for children aged 6–10, where reading, math, science, creativity and storytelling become part of one magical journey.
Children explore new worlds, complete challenges, unlock achievements and build confidence through learning.
But WonderTrail isn't just for children.
Parents are part of the adventure too.
A bedtime story becomes a shared moment.
A completed level becomes a celebration.
A badge becomes a parent saying, "I'm proud of you."
In a world where technology often competes for attention, I wanted to explore how it could strengthen learning, curiosity and family connection instead.
WonderTrail transforms screen time into meaningful learning, meaningful achievement and meaningful family moments.
Built with Figma Make for the Config Makeathon.
🔗 Prototype:
https://coding-twine-66859616.figma.site/
#Config2026 #FigmaMakeathon #FigmaMake #EdTech #Education #Learning #Parenting
Just explored WonderTrail with my child and I'm impressed.
Most apps compete for attention.
This one encourages curiosity, learning and shared family moments.
The mix of stories, math, science and creativity is really well done.
Excited to see where this project goes.
Challenges
View all
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?