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
This is the final piece I’m adding to my S·PEN. In this part, I explored a live terrain-like data visualization system, built entirely in 2D but driven by three different real-time data sources. By layering and synchronizing these feeds, the system creates a pseudo-3D surface that reacts dynamically on screen.
To achieve this, I built three separate logic systems to control dot-based animations at different scales, each contributing to depth, motion, and distortion. The result is a constantly evolving surface that feels spatial, alive, and slightly unpredictable.
This addition pushes the project further into what I was aiming for from the start:
"something visually precise, but intentionally difficult to implement"
Between:
*multi-layered time-based animations
*pseudo-3D anatomical visuals
*and this live data terrain system
The whole experience leans into controlled chaos.
Just wanna also thx to whole Rive community, while I'm still learning the software, they help me to solve my issues and answer my questions when I stucked in technical aspects.
🔗 Full project:
Nice!
Hey Madob, thank you a lot. It burn my pc down while I render all of the screen but worth it :)
Super cool ! Add me ;)
Hey man thx a lot, for ur support.
Nice work 👍
Hey Mohamed, thank you so much. Happy to know you like it.
love seeing the BTS !
Thank you a lot, happy to know lots of professional love the project so far
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
S·PEN "Silent Predictive Enforcement Network", an Impossible UI with Rive
An experimental UI system built for the Impossible UI with the Rive challenge.
🔗 Contra submission lets goat it:
https://on.contra.com/rBfmLR
This project explores a clandestine intelligence interface where agents operate through real-time data — drone feeds, human asset tracking, and live biometric extraction.
In this scenario:
A subject is located in the field → scanned via drone → neural, skeletal, and cardiovascular data is captured instantly → and linked to a central intelligence system.
Everything happens live.
Everything is connected.
But the real focus of this project is motion and complexity.
*Built entirely in Rive
*Background system driven by 80,000+ vector elements
*Each element runs on its own timing logic
*Continuous scanning, glitching, and data noise layered together
*Frame-by-frame animated “3D” anatomy simulations
This is not meant to be easy to build.
It’s meant to explore the edge of what feels possible.
I intentionally pushed toward:
*dense, reactive, slightly overwhelming systems
*controlled chaos
*visual tension between clarity and noise
🔗 Behance (full project):
https://www.behance.net/gallery/247442001/SPEN-Silent-Predictive-Enforcement-Network-FUI-HUD
Let’s see how far this can go.
This looks clean and well thought out. How long did it take you to bring everything together?
👉 Join the challenge: https://on.contra.com/cwFMdt 🚀
💰 $10,000 is up for grabs in Contra’s Impossible UI with Rive Challenge.
Build the kind of UI that makes people ask: “How is this even possible?” 🤯
Wild interactions. Unreal interfaces. Rive-powered chaos. 🎨⚡
Check the guidelines, start building, and show us your most impossible UI. 🔥
#impossibleuiwithrive
Great work👏🔥🔥
Challenge accepted. 🖥️
"Please don't send this to engineering" — challenge accepted.
I built NEXUS: a 5-section impossible depth interface that lives entirely in CSS and vanilla JS. No WebGL. No game engine. Just the browser being pushed somewhere it was never meant to go.
Here's what engineering would hate:
→ 22 concentric portal rings, each at a different Z-depth, all spinning simultaneously
→ Full mouse parallax across every layer in real 3D perspective space
→ Live neural mesh with 60 animated nodes
→ Quantum console with live typewriter terminal output
→ Real-time system vitals, threat radar, and waveform charts
Navigate with scroll or arrow keys. Move your mouse. Watch depth happen.
This is exactly the kind of UI Rive was made to push further — and I can't wait to see where this challenge goes.
#ImpossibleUIWithRive
Amazing
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?