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!
Nice
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!
This is amazing!
Good work
Cool
Really impressive work! I love the thought and craftsmanship that went into this project. 👏
Thank you!
AI
Interesting stuff! Like the color system.
Good work !
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
How to design Figma prototypes with Claude Opus
👉 Can't wait to see your work in Config Makeathon!
We spent years getting good at faking apps in Figma prototypes.
Then this took a couple prompts in Claude Code, a real one. Real iOS animations. Tap anything.
Why fake it when you can just build it?
Good work
My project that makes a big difference is OpenIdea. A platform where smart minds and inventors from everywhere can show the world their innovative work, OPEN SOURCE!
The platform is designed using Figma Make.
Live project link: https://draw-hello-57638755.figma.site/
Community file link: https://www.figma.com/community/file/1646103245889715657
I've also taken my time to share the OpenIdea concept on my socials. Check it out:
Feel free to express your feedback, suggestions, and whatever you have to say <3 here as well as on my socials!
All right everyone, here's my update for today 10 Jun 2026 on OpenIdea:
- Fixed "show password" button (eye) missing
- Fixed "Upload Image" when submitting a new idea (workable now)
- Added SignUp button (forgot the last session)
Feel free to test it again <3
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?