• Stars
    star
    2,394
  • Rank 19,220 (Top 0.4 %)
  • Language
    JavaScript
  • Created over 12 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The original jQuery plugin for supercool scroll animation. NOTE: No longer under active development. New version is ScrollMagic.js

#SuperScrollorama

The jQuery plugin for doing supercool scroll animation.

Check out the Project Page for more information.

IMPORTANT INFORMATION:

Superscrollorama has been replaced by ScrollMagic

Check out ScrollMagic here or visit it on GitHub: https://github.com/janpaepke/ScrollMagic
There will be no future versions of Superscrollorama and support will also focus on ScrollMagic.
So if you're starting a new project we strongly recommend to use ScrollMagic instead.

Contact

Follow me on Twitter

Need help building your website? Contact us

License

SuperScrollorama is dual licensed under the MIT license (below) and GPL license. The Greensock Animation Platform (GSAP) is used with permission per its license agreement (see below). For more information, go to http://www.greensock.com/licensing/

MIT License

Copyright (c) 2012 John Polacek

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

GSAP LICENSE

"NO CHARGE" NON-EXCLUSIVE SOFTWARE LICENSE AGREEMENT

PLAIN ENGLISH SUMMARY:

You may use the code at no charge in commercial or non-commercial apps, web sites, games, components, and other software as long as end users are not charged a fee of any kind to use your product or gain access to any part of it. If your client pays you a one-time fee to create the site/product, that's perfectly fine and qualifies under the "no charge" license. If end users are charged a usage/access/license fee, please sign up for a corporate Club GreenSock membership which comes with a special commercial license granting you permission to do so. See http://www.greensock.com/club/ for details. Use at your own risk. No warranties are offered. Please respect the copyright.

LEGALESE:

This is a legal agreement between you (either an individual or a single entity) and GreenSock, Inc. ("GREENSOCK") for the proprietary GreenSock code known as TweenLite, TweenMax, TweenNano, TimelineLite, TimelineMax, and other copyrighted code that is available for download at http://www.greensock.com (this code and documentation, as well as any updates which may at GREENSOCK's sole discretion be provided to you from time to time, are referred to in this Agreement as "PROGRAM"). By downloading, copying, or otherwise using the PROGRAM, you agree to the terms and conditions of this Agreement. If you do not agree to the terms and conditions of this Agreement, please do not download or use the PROGRAM.

I. LICENSE A. Subject to the terms and conditions of this Agreement, GREENSOCK hereby grants you a non-exclusive, worldwide, non-transferable right to use the PROGRAM in apps, web sites, games, components and other software applications ("Developed Works") for which the end user is NOT charged any fees. If you would like to use the code in a commercially licensed Developed Work for which end users are charged a fee (either for usage or access), simply sign up for the appropriate corporate Club GreenSock membership at http://www.greensock.com/club/.

II. LIMITATION OF LICENSE AND RESTRICTIONS A. You agree that you will not sell, rent, or license the PROGRAM's source code or any derivative works thereof to any third party without the prior written consent of GREENSOCK. Distribution of the PROGRAM as part of your Developed Work is acceptable so long as it is used exclusively as a part of your Developed Work. You agree not to modify or delete GREENSOCK'S existing copyright notices located in the source code.

B. You may use, duplicate, and distribute the compiled object code as embedded in Developed Works created by you, either for your own use or for distribution to a third party so long as end users of the Developed Work are not charged a fee for usage of or access to any portion of the Developed Work. Please see http://www.greensock.com/licensing/ for descriptions of Developed Works that qualify for the "No Charge" license.

C. You may make modifications to the source code exclusively for your own use in order to perform bug fixes or other minor edits required to operate the PROGRAM as originally intended.

III. CONSIDERATION A. The license rights granted to you under this Agreement are at no charge, but only in the following circumstances: If on your own behalf or on behalf of a third party you incorporate the PROGRAM into a web site, app, game, program or any component thereof (collectively, "Developed Work"), which in the case of a web site, must be accessible to internet users without payment of a fee of any kind, and in the case of a software application, game, program or component, neither you nor anyone to whom you distribute the Developed Work charges a user a fee of any kind to use such Developed Work or application, game, program or component into which such Developed Work is embedded. The foregoing shall apply regardless of whether you are paid to create such Developed Work.

B. In the event your intended use of the PROGRAM does not meet the criteria for the "no charge" license rights set forth in the immediately preceding paragraph, then you are not licensed to use the PROGRAM under this Agreement and must license the PROGRAM under GREENSOCK'S separate fee-based Software License Agreement which is granted to corporate Club GreenSock members (see http://www.greensock.com/club/ for details).

C. You may make modifications to the source code exclusively for your own use in order to perform bug fixes or other minor edits required to operate the PROGRAM as originally intended.

IV. TITLE AND OWNERSHIP A. The PROGRAM is licensed, not sold, and is protected by copyright laws and international treaty provisions. You acknowledge that no title to the intellectual property in the PROGRAM is transferred to you. You further acknowledge that title and full ownership rights to the PROGRAM, including all intellectual property rights therein, will remain the exclusive property of GREENSOCK and you will not acquire any rights to the PROGRAM except as expressly set forth in this Agreement. You agree that any copies of the PROGRAM you make will contain the same proprietary notices which appear on and in the PROGRAM. You agree that GREENSOCK may identify you as a licensee unless you make a written request otherwise. GREENSOCK hereby grants to you the right to disclose that your product, game, software application, component, or other Developed Work makes use of GREENSOCK code (for example, "Powered by TweenLite").

V. DISCLAIMER OF WARRANTY AND LIMITATION OF LIABILITY A. THE PROGRAM IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. GREENSOCK DOES NOT WARRANT THAT THE FUNCTIONS CONTAINED IN THE PROGRAM WILL MEET YOUR REQUIREMENTS OR THAT OPERATION WILL BE UNINTERRUPTED OR ERROR FREE. GREENSOCK shall not be liable for special, indirect, incidental, or consequential damages with respect to any claim on account of or arising from this Agreement or use of the PROGRAM, even if GREENSOCK has been or is hereafter advised of the possibility of such damages. Because some states do not allow certain exclusions or limitations on implied warranties or of liability for consequential or incidental damages, the above exclusions may not apply to you. In no event, however, will GREENSOCK be liable to you, under any theory of recovery, in an amount in excess of $250. Notwithstanding anything else in this agreement, you agree to indemnify GREENSOCK, its assignees, and licensees, and hold each of them harmless from and against any and all claims, losses, damages, and expenses, including legal fees arising out of or resulting from any negligent act or omission by you.

B. GREENSOCK may, at its sole discretion, provide support services related to the PROGRAM, but has no obligation to do so.

VI. TERMINATION If you at any time fail to abide by the terms of this Agreement, GREENSOCK shall have the right to immediately terminate the license granted herein and pursue any other legal or equitable remedies available.

VII. MISCELLANEOUS A. This Agreement shall be construed in accordance with the laws of the State of Illinois. In the event of any dispute between you and GREENSOCK with respect to this Agreement, we both agree that if we cannot resolve the dispute in good faith discussion, either of us may submit the dispute for resolution to arbitration with the American Arbitration Association before a single arbitrator using the AAA Rules for Commercial Arbitration. The arbitrator's decision is final and can be enforced in any court with jurisdiction over such matters.

B. This agreement represents the complete and exclusive statement of the agreement between GREENSOCK and you and supersedes all prior agreements, proposals, representations and other communications, verbal or written, between them with respect to use of the program. This agreement may be modified only with the mutual written approval of authorized representatives of the parties.

C. The terms and conditions of this Agreement shall prevail notwithstanding any different, conflicting, or additional terms or conditions which may appear in any purchase order or other document submitted by you. You agree that such additional or inconsistent terms are deemed rejected by GREENSOCK.

D. GREENSOCK and you agree that any xerographically or electronically reproduced copy of this Agreement shall have the same legal force and effect as any copy bearing original signatures of the parties.

Copyright 2006-2012, GreenSock, Inc. Updated 2012-05-15

More Repositories

1

scrollorama

The jQuery plugin for doing cool scrolly stuff. NOTE: No longer under active development. New version is ScrollMagic.js
JavaScript
2,510
star
2

BigVideo.js

The jQuery Plugin for Big Background Video (and Images)
JavaScript
2,254
star
3

stacktable.js

jQuery plugin for stacking tables on small screens
HTML
1,026
star
4

scrolldeck.js

jQuery plugin for making scrolling presentation decks
JavaScript
673
star
5

imagefill.js

The jQuery plugin for making images fill their containers (and be centered)
HTML
609
star
6

date-range-picker-for-shadcn

DateRangePicker is a reusable component for shadcn using Radix UI and Tailwind CSS. Includes preset date ranges, text entry, calendar selection and date comparison
TypeScript
600
star
7

controldeck.js

control html5 presentations with node.js
JavaScript
357
star
8

Responsivator

Website for viewing and sharing how web pages look at different screen sizes
JavaScript
317
star
9

expressive-css

An approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.
HTML
279
star
10

extra-strength-responsive-grids

A Fluid CSS Grid System for Responsive Web Design The Fluid CSS Grid System for Responsive Web Design. Take total control of your layouts.
CSS
252
star
11

TweenPages

Build complex animated page transitions with GSAP and Next.js
JavaScript
185
star
12

nextjs-mdx-blog-starter

Next.js MDX Blog Starter for building blogs with Next.js and MDX, including Theme UI Component Design System, Vercel Deployment and more.
JavaScript
172
star
13

design-system-playground

Play with typography and colors to generate a design system theme you can use in your projects.
JavaScript
160
star
14

ResponsiveThumbnailGallery

jQuery Plugin for creating image galleries that scale to fit their container.
JavaScript
95
star
15

styled-starter

Starter Kit with React, Next.js, Styled System and Catalog to get projects going with a design theme, built-in styleguide and browser testing
JavaScript
80
star
16

animated-gradient-background-generator

Animated CSS Gradient Background Generator
JavaScript
73
star
17

tweendeck

Next level animation for web presentations
HTML
66
star
18

MagicNav.js

The jQuery Plugin for generating nav links from page elements
JavaScript
63
star
19

styled-system-html

HTML elements extended as styled components via styled system, ready for theming.
JavaScript
62
star
20

serverless-cms

Proof of concept demo for creating a custom serverless CMS for generating static websites
JavaScript
50
star
21

nextjs-scraper-playground

Build and test your own web scraper APIs with Next.js API Routes and cheerio
JavaScript
45
star
22

the-case-for-atomic-css

A collection of various content detailing and demonstrating the benefits of Atomic CSS, also known as Utility First or Functional CSS.
HTML
42
star
23

SimpleVid

jQuery Plugin for Fluid Video
ActionScript
40
star
24

react-widget-library-starter

React boilerplate for producing libraries of embeddable widgets
JavaScript
37
star
25

Match-The-Letter-Game

Match The Letter is a cross-device mobile educational game for kids built with the Corona SDK
Lua
35
star
26

sizeit.js

sizeit.js is a JavaScript utility that detects the screen size and loads external css based on the settings you configure. Works kinda like media queries.
JavaScript
34
star
27

open-source-for-fame-and-fortune

Open Source For Fame and Fortune Slide Deck
JavaScript
33
star
28

free-summer

A game by Jack and John Polacek
JavaScript
30
star
29

Video-Gallery

A template for a video gallery app built in the Corona SDK
Lua
28
star
30

WhatTheHeckIsResponsiveWebDesign-impressjs

An impress.js presentation on responsive web design.
JavaScript
24
star
31

Simple-Single-Page-App

Recipe for building a single page app
JavaScript
22
star
32

simple-grid-generator

A SASS grid generator for creating responsive grids with some nice features.
CSS
22
star
33

css-in-js-or-css-and-js

This is a thing built with old fashioned CSS and JS and another same thing built with new fangled CSS-in-JS. These are both fine.
JavaScript
16
star
34

next-project-starter

Get your next React project up and running quickly with Next.js, Theme UI, MDX and more.
JavaScript
16
star
35

notyetnews

Satirical news site from the future. Generates its own articles every day with AI.
TypeScript
14
star
36

simple-grid

A simple, easy-to-use 12-column responsive grid with some nice features.
CSS
14
star
37

html5project

Template for HTML5 Websites
CSS
14
star
38

serverless-cms-2

Proof of concept demo for creating a custom serverless CMS for generating static websites
JavaScript
12
star
39

learning-node

Collection of tutorials I've taken to learn node.js
JavaScript
9
star
40

jquery.configurator

The jQuery plugin for injecting url parameter options into webpages and JSRender templates
JavaScript
9
star
41

mdx-deck-demo-greensock

MDX Deck + Greensock Animation Platform
JavaScript
9
star
42

team-health-checker

Help your team improve by taking a Team Health Check
JavaScript
8
star
43

background-pattern-overlay

Demo showing how to make a transparent background pattern on top of background colors.
7
star
44

responsive-utilities-generator

A SASS generator for creating responsive utility classes.
CSS
6
star
45

animate-in

React UI Component for animating elements in with Tailwind and CSS Animation (...and plays nice with shadcn)
TypeScript
6
star
46

jquery.framer

The jQuery Plugin for adding configurations to responsive design test pages
JavaScript
5
star
47

expressive-css-starter-kit

Get your project up and running quickly on a foundation of Expressive CSS.
HTML
5
star
48

cardtable

A responsive table component with CSS Grid, React and Tailwind CSS
JavaScript
5
star
49

chicagotechevents.com

Website for chicagotechevents.com - The best web, tech and startup events in Chicago
JavaScript
5
star
50

image-crossfade

Image Crossfade Component for Next.js Image
TypeScript
5
star
51

bucket-cms

Bucket CMS is the world’s first headless drop-in CMS, no database necessary.
TypeScript
4
star
52

code.johnpolacek.com

My open source ActionScript3 code library.
ActionScript
4
star
53

styled-starter-basic

Basic Project Setup for Styled Starter, built with React, Next.js, Styled System and Catalog to get projects going with a design theme, built-in styleguide and browser testing
JavaScript
4
star
54

jquery-databinding

Some initial thoughts on a simple way to use jQuery event handling inside objects for data binding, Observer, Pub/Sub stuff.
CSS
4
star
55

growth-areas-for-a-software-developer

Examples of how to improve as a software developer over 5 different areas: Understanding, Planning, Collaborating, Writing and Developing
JavaScript
4
star
56

bootstrap-project

JavaScript
3
star
57

covidcost

Tracking the cost of COVID-19 across China, Europe and the United States in human lives and economies.
JavaScript
3
star
58

atomic-css-from-json

Experimental Work-In-Progress: Generate static libraries of immutable utility classes from a JSON settings file
JavaScript
3
star
59

gatsby-starter-events-list

A Gatsby starter for creating a calendar list of events
JavaScript
3
star
60

trick-or-treat-it-forward

Print a QR Code to put on a sign in front of your house so trick or treaters can click a button to pledge a donation to the charity of your choice
JavaScript
3
star
61

johnpolacek.com

johnpolacek.com - built with Gatsby, Styled-Components and Styled-System
JavaScript
2
star
62

simple-flexgrid

A SASS flexbox-based grid generator for creating responsive grids with some nice features.
CSS
2
star
63

custom-rebass

A tiny example of a way to customize Rebass
JavaScript
2
star
64

johnpolacek.github.com

John Polacek on Github
CSS
2
star
65

create-bucket-cms

CLI Tool for initializing Bucket CMS
JavaScript
1
star
66

stacktable

Deprecated - see CardTable
HTML
1
star
67

team-health-checker-next

JavaScript
1
star
68

botluck

Group pot luck recipes generated by AI
TypeScript
1
star
69

expressive-css-content-display-patterns

PHP
1
star
70

botlywood

Hollywood movies generated by robots
TypeScript
1
star
71

next-project-starter-with-typescript

Get your next React project up and running quickly with Next.js, TypeScript, Theme UI, MDX and more.
TypeScript
1
star
72

The-Never-Ending-Quest-To-Build-Cool-Stuff

1
star
73

hello-next-app

Web App Project Template with Next.js, Firebase, Tailwind, Playwright and more
TypeScript
1
star
74

styled-starter-with-refunk

Basic Project Setup for Styled Starter with Refunk included for state management.
JavaScript
1
star
75

functionaizer

Create your own custom API that streams structured data from ChatGPT
TypeScript
1
star
76

nextjs-project-starters

Getting your next project up and running with these project starters for Next.js, the React Framework for Production.
JavaScript
1
star