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
ZNAP — Learn at the speed of play ⚡
Built for Figma Makeathon, ZNAP is a fast multiplayer arena where learning happens inside the match: you pick a topic + difficulty, create a lobby, and share a 6‑character battle code to start.
What makes it different:
Warmup onboarding quiz (3 rounds): correct answers give +1 ammo, wrong answers don’t punish you
In-match powerups are unlocked via quick True/False prompts (so rewards feel earned)
Host can toggle Public so lobbies show up in Public Games
Play: znap.figma.site
Figma Community file: figma.com/community/file/1610064632540863018/znap
(build this 3 days before end submission)
Wanna play together, don't forget to invite me.
I just made an update before the end of submission, now people can just play like battle royale (if you remember game like slither io)
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
Challenges
View all
Related posts
Creating immersive digital experiences with smooth website animations ✨
Designed & developed by Usman DevHub Tech & Creative Studio.
We create premium websites with modern UI, interactive animations, and unique visual experiences that help brands stand out. 🚀
Want a website like this for your brand?
DM us and let's discuss your project.
#WebDesign #WebDevelopment #WebsiteAnimation #UIDesign #CreativeStudio #DigitalAgency #UsmanDevHub
Love this, Usman! You drop something amazing every single time.
Sidebar Navigation UI, Light & Dark Themes
Exploring a clean and minimal Sidebar Navigation UI in both Light & Dark themes.
This concept focuses on clarity, smooth visual hierarchy, and modern layout rhythm, making navigation simple, intuitive, and aesthetically balanced.
The design includes:
• Light & dark mode variations
• Smooth dropdown interaction
• Clear icon structure
• Organized message section
• CTA placement with strong visual weight
The goal was to create a sidebar system that feels modern, functional, and visually refined while maintaining consistency across both themes.
Designed using Figma & Photoshop.
Feedback is always welcome! ✨
The floating avatar stack at the bottom mirrors the team members already listed above it in the panel - you get the sense of who's active without duplicating a separate members list.
Check this....
Mahashivratri – Interactive 3D Spiritual Web Experience ✨
I recently built an interactive 3D web experience inspired by the spirit of Mahashivratri and the journey of the 12 Jyotirlingas. The project focuses on combining modern web technologies with visual storytelling to create...
The transition from the Devanagari title into the star-filled space gives the experience a clear sense of ritual and scale; the restrained gold-on-black contrast makes the focal moment land.