• Stars
    star
    2,510
  • Rank 18,286 (Top 0.4 %)
  • Language
    JavaScript
  • Created almost 13 years ago
  • Updated almost 10 years ago

Reviews

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

Repository Details

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

#Scrollorama

The original jQuery plugin for doing cool scrolly stuff.

To use the latest, greatest scroll animation library, I recommend checking out Scrollorama successor ScrollMagic

Follow me on Twitter

License

Dual licensed under the MIT license (below) and GPL license.

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.

More Repositories

1

superscrollorama

The original jQuery plugin for supercool scroll animation. NOTE: No longer under active development. New version is ScrollMagic.js
JavaScript
2,394
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