Built with Rive
UI Elemente for Inhale/Exhale App
Regis Pereira
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.
Like this project
Posted Feb 12, 2026
UI Elemente for Inhale/Exhale App with Audio-Reactivity with Rive Scripting ⚡️ The challenge here was creating something not pre-rendered, but calculated fra...
Likes
0
Views
0
