Float labels with Reactive: http://mattdsmith.com/float-label-pattern/ Just set the title on the model when

style.css

.floatLabel {
 transition: all 1s ease-in-out;
 position: relative;
}

.floatLabel.hide {
  opacity: 0;
  top: 3px;
}

template.html

<span data-show="title" class="floatLabel">Title</span>
<input type="text" on-input="set" name="title" placeholder="Title" />

view.js

module.exports = {
  set: function(e){
    this.reactive.set(e.target.name, e.target.value);
  }
};