https://github.com/brunnolou/gleis

Physics for dragging UI animation
https://github.com/brunnolou/gleis

animation mobile physics ux

Last synced: about 2 months ago
JSON representation

Physics for dragging UI animation

• Host: GitHub
• URL: https://github.com/brunnolou/gleis
• Owner: brunnolou
• License: mit
• Created: 2017-08-04T22:29:03.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-29T01:09:30.000Z (over 7 years ago)
• Last Synced: 2024-08-09T04:51:04.560Z (5 months ago)
• Topics: animation, mobile, physics, ux
• Language: JavaScript
• Homepage: https://brunnolou.github.io/gleis/
• Size: 193 KB
• Stars: 12
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gleis

[![npm version](https://badge.fury.io/js/gleis.svg)](https://badge.fury.io/js/gleis)

![](https://david-dm.org/brunnolou/gleis.svg)

![](https://img.shields.io/github/size/brunnolou/gleis/lib/index.min.js.svg)

# Physics for dragging UI animation

## Install

`npm install gleis`

## Usage

```html



  


    
0

    
1

    
2

    
3

  



```


```js

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`