https://github.com/willviles/ember-scrollmagic

An Ember addon for building magical scroll interactions using ScrollMagic.js
https://github.com/willviles/ember-scrollmagic

animation ember ember-addon ember-scrollmagic greensock-animation-platform gsap scroll scroll-magic scrolling

Last synced: 9 days ago
JSON representation

An Ember addon for building magical scroll interactions using ScrollMagic.js

• Host: GitHub
• URL: https://github.com/willviles/ember-scrollmagic
• Owner: willviles
• License: mit
• Created: 2016-12-05T11:15:30.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T01:06:14.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T22:09:49.969Z (25 days ago)
• Topics: animation, ember, ember-addon, ember-scrollmagic, greensock-animation-platform, gsap, scroll, scroll-magic, scrolling
• Language: JavaScript
• Homepage: https://willviles.github.io/ember-scrollmagic
• Size: 1.59 MB
• Stars: 18
• Watchers: 2
• Forks: 4
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


Ember ScrollMagic [![Build Status](https://travis-ci.org/willviles/ember-scrollmagic.svg)](https://travis-ci.org/willviles/ember-scrollmagic) [![Ember Observer Score](http://emberobserver.com/badges/ember-scrollmagic.svg)](http://emberobserver.com/addons/ember-scrollmagic) ![Download count all time](https://img.shields.io/npm/dt/ember-scrollmagic.svg) [![npm](https://img.shields.io/npm/v/ember-scrollmagic.svg)](https://www.npmjs.com/package/ember-scrollmagic)

======

Ember ScrollMagic is an Ember addon for using [ScrollMagic](https://github.com/janpaepke/ScrollMagic) - the javascript library for magical scroll interactions.

## Installation

ScrollMagic uses [GSAP (Greensock Animation Platform)](https://github.com/greensock/GreenSock-JS) for full animation tweening. Ember ScrollMagic will automatically install [Ember GSAP](https://github.com/willviles/ember-gsap) into your application.

```bash

ember install ember-scrollmagic

```

## Examples & Documentation

**Check out the Ember ScrollMagic site for [examples](https://willviles.github.io/ember-scrollmagic/#/documentation/examples) and [guides](https://willviles.github.io/ember-scrollmagic/#/documentation/guides).**

Please refer to the ScrollMagic [docs](http://scrollmagic.io/docs/index.html) for information on using controllers and scenes. For ideas and inspiration of what to create with ScrollMagic, check out the [examples](http://scrollmagic.io/examples/).

## Fastboot

Ember ScrollMagic >=0.2.0 and [Ember GSAP](https://github.com/willviles/ember-gsap) >=0.3.0 are fully compatible with all versions of [Ember CLI Fastboot](https://github.com/ember-fastboot/ember-cli-fastboot).

## Contributing

* `git clone https://github.com/willviles/ember-scrollmagic.git`

* `cd ember-scrollmagic`

* `npm install`

* `ember serve`

* Visit the dummy app at [http://localhost:4200](http://localhost:4200).