Gleis

Physics for dragging UI animation

Install

npm install gleis

Usage

<div class="track">
  <div class="train">
    <div class="car">0</div>
    <div class="car">1</div>
    <div class="car">2</div>
    <div class="car">3</div>
  </div>
</div>

import Gleis from 'gleis';
 
new Gleis({
  track: document.querySelector('.track'),
  train: document.querySelector('.train'),
  sleepers: [-200, —400, -600]
});
 

See the Demos.

To see more code implementations check the examples folder.

Demo

npm install

npm start

./examples/ folder will be running on: http://localhost:5000