Advanced Spacecraft Cockpit HMI Web App with React & Framer

Advanced Spacecraft Cockpit HMI Web App with React & FramerAdvanced Spacecraft Cockpit HMI Web App with React & Framer

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

Afuna Rashad

• Mar 25

Built a full spacecraft cockpit HMI as a web app — full instrument cluster, tactical radar, media center, and live system monitoring. Built with React + Framer Motion.

Composing Web Design HTML5 Replit vehiclehmiwithrive React

Stephanie Asoegwu

pro

• 1d

A full spacecraft cockpit as a web app?? This is incredible. The UI detail is insane!

Afuna Rashad

• 1d

Thank you so much🥹❤️i still have more to learn and this is just encouraging me more

Afuna Rashad

• Mar 25

Wow

Karina

pro

• Mar 20

Would you be interested in diving into the deep sea? 🌊

I built this submarine HUD in Rive, inspired by my fascination with the ocean.

It features core systems such as navigation, depth tracking, hull integrity, oxygen monitoring, and power distribution.

The design is kept minimal to avoid cluttering the layout, while the main interaction stays simple.

User can initiate a scan, detect signals, and explore what lies beneath, supported by subtle ambient animations.

Sharing the creation process in the comments 👇

vehiclehmiwithrive Rive

Karina

pro

• Mar 20

Process video:

Seb Cornelius

• Mar 20

Rebuilding my own take on the Ferarri Luce interface in Rive for the Vehicle HMI challenge. Digital UI with mechanical components working together.

vehiclehmiwithrive

Mason Price

max

• Mar 20

just dropped this site and people are going crazy horizontal scroll, unicorn studio backgrounds, lottie animations throughout, the whole thing just hits different Most people would probably think this isn't possible in @framer