UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️ The challenge here...UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️ The challenge here...
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
Regis's avatar
Regis Pereira
• Feb 12
UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️
The challenge here was creating something not pre-rendered, but calculated frame-by-frame:
Dynamic Geometry: The rays aren't hand-drawn shapes, but mathematically calculated vectors that expand based on soundLevel.
Particle System: The spheres appearing on "Exhale" have their own lifecycle and movement, controlled by sine/cosine logic for smoothness.
Performance: Everything runs lightweight, ready to be embedded in React Native/Web.
The freedom to manipulate vertices and colors via code opens up a new world for interactive UI.
Rive AnimationWeb DevelopmentRiveuiuxdesignfrontend
Back to feed
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