Open Aviation Components
Interactive aviation training components. These web components are framework-agnostic custom elements — free to use and embed in any HTML page, framework, or presentation tool.
Aerofoil Dynamics
An interactive flow visualisation around a wing section — see how angle of attack and airspeed change the air flowing over the wing, and where stall comes from.
Briefing Overview
A visual flight plan timeline showing lesson topics as waypoints along a dashed flight path — with optional timing tracking to keep ground briefings on schedule.
Circuit Diagram
An interactive 3D viewer for circuit and approach procedures — a generic airfield with a labelled runway and one or more flight paths drawn as flat, coloured ribbons you can compare side by side.
Climb Performance
An interactive chart showing thrust and power available versus required across the flight envelope — explore best angle and best rate of climb.
Crosswind Clock
An interactive windsock and clock-code trainer — set the wind strength and direction, watch the windsock respond, and compare the clock-code crosswind estimate against the exact sine value.
Four Forces
An interactive 3D visualisation of lift, weight, thrust, and drag — explore how an aircraft climbs, descends, and holds level flight.
Maximum Rate / Minimum Radius Turn
A top-down interactive turn where speed and bank drive the real turn radius, rate, and load factor — see why the tightest turn and the fastest turn are not the same thing.
Pitch Roll Yaw
An interactive 3D aircraft viewer for exploring the three axes of flight — pitch, roll, and yaw — and the rotational terminology used in flight training.
Installation
npm install three @open-aviation-solutions/components<script type="module"> import 'https://unpkg.com/@open-aviation-solutions/components/dist/lib/define.es.js';</script>