@danielkalen/simplybind/benchmarks/src/bower_components/aurelia-binding/doc/example/binding-value-converters/bi-directional-value-converters/app.html

Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.

<template>
  <require from="./rgb-to-hex.js"></require>

  <label for="color">Select Color:</label>
  <input id="color" type="color" value.bind="rgb | rgbToHex" />
  <br/> r: ${rgb.r}, g:${rgb.g}, b:${rgb.b}
</template>