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
Here is my second submission,
This concept explores a floating physical credit card,
simulating a tap-to-pay transaction in a browser.
The design utilizes a deep violet-to-cyan gradient palette and
made it more authentic with the gold EMV chip, silver embossing, floating in a
void.
I imagine this functioning as the interaction for a checkout
instead of a Submit button. Maybe instead, they could physically drag the
floating the card to authorize transactions.
Interactive Viewer Link: https://app.spline.design/ui/51c93a1d-e710-4385-83b4-f42b46ff8fb7
wonderful design!
Cooler than original one.
The gradient and floating effect are incredibly polished! Great attention to detail on the embossing.
Cleaner than the original one👏🏻
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’s my submission😍
I created an interactive hero section for a skincare brand called “Baresol.” The background visually represents the texture, thickness, and colour of different skincare products, dynamically adapting to each one.
The hero section is powered by a fully interactive WebGL shader. As you move your mouse, the surface responds in real time—distorting into smooth 3D waves and swirls that mimic the natural flow and feel of skincare creams.
To enhance interactivity, I’ve added a controller in the bottom-left corner that lets users adjust:
Texture thickness Color saturation Flow intensity
There’s also a “Discover Our Products” call-to-action that smoothly navigates users to the product section.
Check it out here: 👉 https://omma.build/p/new-chat-5l2zw0
The WebGL shader reacting to mouse movement is so satisfying — love how the texture controls let you feel the product
Excited to share that I’m currently working on a Vehicle HMI (Human-Machine Interface) design for the Contra x Rive Challenge 🚀
This project focuses on a Boat Dashboard UI, combining real-time data, navigation insights, and smooth interactive animations using Rive.
From speed, fuel, and GPS tracking to risk indicators and marine navigation — the goal is to create a clean, intuitive, and futuristic interface
Still refining the animations — will be submitting soon! 🔥
Wow..!! 👏
As someone who appreciates HMI and vehicle interfaces, really blown away by some of the other work and what is possible with Rive.
I have been meaning to try building something out for a while so this was the perfect opportunity. This is a pretty simple interaction - based on Capsule Corp from the Dragon Ball Universe, just showing the transition from capsule state to a vehicle with dynamic controls for each view.
Definitely things I would love to experiment with more and already could improve on but just a quick bit of exploration!
Trending
Notion
Notion isn’t just where you work, it’s starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?