# kinetic

**Repository Path**: mirrors_mjackson/kinetic

## Basic Information

- **Project Name**: kinetic
- **Description**: Kinetic Scrolling with JavaScript
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JavaScript Kinetic Scrolling

\#1: **Basic drag-and-scroll** ([demo](http://ariya.github.io/kinetic/1/), [explanation](http://ariya.ofilabs.com/2013/08/javascript-kinetic-scrolling-part-1.html)).<br/>
No momentum effect yet, just a plain scroll view.

\#2: **Flick list** with momentum ([demo](http://ariya.github.io/kinetic/2), [explanation](http://ariya.ofilabs.com/2013/11/javascript-kinetic-scrolling-part-2.html)).<br/>
Smooth acceleration and deceleration.

\#3: **Snap-to-grid** flick list ([demo](http://ariya.github.io/kinetic/3), [explanation](http://ariya.ofilabs.com/2013/12/javascript-kinetic-scrolling-part-3.html)).<br/>
Inertial deceleration to stop at the right position.

\#4: **Horizontal swipe** to browse photos ([demo](http://ariya.github.io/kinetic/4), [explanation](http://ariya.ofilabs.com/2013/12/javascript-kinetic-scrolling-part-4.html)).<br/>
Parallax effect included.

\#5: **Cover Flow** with CSS transform ([demo](http://ariya.github.io/kinetic/5), [explanation](http://ariya.ofilabs.com/2014/01/javascript-kinetic-scrolling-part-5-cover-flow-effect.html)).<br/>
Flipping images in 3-D space

\#6: _Coming soon_.