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
A skeuomorphic keyboard concept built entirely in Rive ⌨️
:A small challenge to see how far I could push skeuomorphic visuals using only Rive, while exploring Data Binding and real-time interactions.
No 3D — just shapes, gradients, shadows, and a lot of tiny details 👀. The keyboard responds to real key presses and includes a few preset themes to play with.
Give it a try and let me know which theme you like most!: https://rivris-keyboard.vercel.app/
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
I just like making things like this.
I made this one as an experiment without opening a single design app. Basically, I just kept telling Codex what I wanted it to do.
It’s not a magic button. It took around 100 prompts and quite a few hours. But the fact that you can make something like this just by talking, without touching a keyboard or mouse, is still pretty wild.
And the whole thing runs and renders right in the browser.
Scroll-driven light rays, built in Rive for a Webflow site.
Rebuilt by hand from an After Effects design for Motion Flux. Scrolling moves the rays, and the light keeps looping even when the page is still.
Fire 🔥
An experiment exploring how to visually communicate design impact through a draggable before/after slider. Built to test the interaction and motion feel of scrubbing between two states of a design, it uses a small format to show transformation at a glance 😊
The compact format is doing a lot of work—the draggable reveal makes the improvement immediately legible, while the consistent card rhythm keeps the comparison easy to scan.
