{"id":13402110,"url":"https://github.com/jlmakes/scrollreveal","last_synced_at":"2026-01-11T13:31:10.884Z","repository":{"id":13289524,"uuid":"15975439","full_name":"jlmakes/scrollreveal","owner":"jlmakes","description":"Animate elements as they scroll into view.","archived":false,"fork":false,"pushed_at":"2024-04-05T17:55:48.000Z","size":1140,"stargazers_count":22497,"open_issues_count":42,"forks_count":2247,"subscribers_count":407,"default_branch":"master","last_synced_at":"2025-04-30T12:01:11.279Z","etag":null,"topics":["animation","css","javascript","reveal","scroll","scrollreveal","transform","transition"],"latest_commit_sha":null,"homepage":"https://scrollrevealjs.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jlmakes.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-01-16T17:37:20.000Z","updated_at":"2025-04-29T16:09:07.000Z","dependencies_parsed_at":"2022-07-13T18:20:56.352Z","dependency_job_id":"a8a7ca6b-29ca-4c02-a237-ba29182df3db","html_url":"https://github.com/jlmakes/scrollreveal","commit_stats":{"total_commits":940,"total_committers":15,"mean_commits":"62.666666666666664","dds":"0.021276595744680882","last_synced_commit":"b5f4e01a655812e06b377fff497fc629c02002f3"},"previous_names":["jlmakes/scrollreveal.js","scrollreveal/scrollreveal"],"tags_count":79,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlmakes%2Fscrollreveal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlmakes%2Fscrollreveal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlmakes%2Fscrollreveal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlmakes%2Fscrollreveal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jlmakes","download_url":"https://codeload.github.com/jlmakes/scrollreveal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252273014,"owners_count":21721835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","css","javascript","reveal","scroll","scrollreveal","transform","transition"],"created_at":"2024-07-30T19:01:11.684Z","updated_at":"2026-01-11T13:31:10.878Z","avatar_url":"https://github.com/jlmakes.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://scrollrevealjs.org\" title=\"Visit ScrollReveal home page\"\u003e\n\t\t\u003cimg src=\"https://scrollrevealjs.org/img/logomark.svg\" alt=\"ScrollReveal\" width=\"120\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://scrollrevealjs.org\" title=\"Visit ScrollReveal home page\"\u003e\n\t\t\u003cimg width=\"200\" src=\"https://scrollrevealjs.org/img/scrollreveal-logotype-dark.svg\" alt=\"ScrollReveal\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eAnimate elements as they scroll into view.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://travis-ci.org/jlmakes/scrollreveal\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/travis/jlmakes/scrollreveal.svg\" alt=\"Build status\"\u003e\n\t\u003c/a\u003e\n\t\u003ca href=\"https://www.npmjs.com/package/scrollreveal\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/npm/dm/scrollreveal.svg\" alt=\"Monthly downloads\"\u003e\n\t\u003c/a\u003e\n\t\u003ca href=\"https://www.npmjs.com/package/scrollreveal\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/npm/v/scrollreveal.svg\" alt=\"Version\"\u003e\n\t\u003c/a\u003e\n\t\u003cimg src=\"https://img.shields.io/badge/min+gzip-5.7_kB-blue.svg\" alt=\"5.7 kB min+gzip\"\u003e\n\t\u003ca href=\"https://opensource.org/licenses/GPL-3.0\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/license-GPLv3-blue.svg\" alt=\"GPLv3 License\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n# Installation\n\n## Browser\n\nA simple and fast way to get started is to include this script on your page:\n\n```html\n\u003cscript src=\"https://unpkg.com/scrollreveal\"\u003e\u003c/script\u003e\n```\n\nThis will create the global variable `ScrollReveal`\n\n\u003e Be careful using this method in production. Without specifying a fixed version number, Unpkg may delay your page load while it resolves the latest version. Learn more at [unpkg.com](https://unpkg.com)\n\n## Module\n\n```bash\n$ npm install scrollreveal\n```\n\n#### CommonJS\n\n```js\nconst ScrollReveal = require('scrollreveal')\n```\n\n#### ES2015\n\n```js\nimport ScrollReveal from 'scrollreveal'\n```\n\n\u003cbr\u003e\n\n# Usage\n\nInstallation provides us with the constructor function [`ScrollReveal()`](https://scrollrevealjs.org/api/constructor.html). Calling this function returns the ScrollReveal instance, the “brain” behind the magic.\n\n\u003e ScrollReveal employs the singleton pattern; no matter how many times the constructor is called, it will always return the same instance. This means we can call it anywhere, worry-free.\n\nThere’s a lot we can do with this instance, but most of the time we’ll be using the [`reveal()`](https://scrollrevealjs.org/api/reveal.html) method to create animation. Fundamentally, this is how to use ScrollReveal:\n\n```html\n\u003ch1 class=\"headline\"\u003e\n\tWidget Inc.\n\u003c/h1\u003e\n```\n\n```js\nScrollReveal().reveal('.headline')\n```\n\n**🔎 See this demo live on [JSBin](http://jsbin.com/jufohaxonu/edit?html,output)**\n\n\u003cbr\u003e\n\n---\n\n### The full documentation can be found at [https://scrollrevealjs.org](https://scrollrevealjs.org)\n\n\u003e If you’re using an older version of ScrollReveal, you can find legacy documentation in the [wiki](https://github.com/jlmakes/scrollreveal/wiki)\n\n---\n\n\u003cbr\u003e\n\n\u003ca href=\"https://scrollrevealjs.org/pricing/\" title=\"Visit ScrollReveal pricing page\"\u003e\n\t\u003cimg align=\"right\" height=\"300\" src=\"https://scrollrevealjs.org/img/license.svg\" alt=\"Commercial License Badge\"\u003e\n\u003c/a\u003e\n\n\u003cbr\u003e\n\n# License\n\n**For commercial sites, themes, projects, and applications, keep your source code private/proprietary by purchasing a [Commercial License](https://scrollrevealjs.org/pricing/).**\n\nLicensed under the GNU General Public License 3.0 for compatible open source projects and non-commercial use.\n\n\u003cbr\u003e\n\nCopyright 2023 Fisssion LLC\n","funding_links":[],"categories":["JavaScript","前端开发框架及项目","UI Components / UI Tools","Table of Contents","Uncategorized"],"sub_categories":["其他_文本生成、文本对话","Scroll Animation Libraries","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlmakes%2Fscrollreveal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjlmakes%2Fscrollreveal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlmakes%2Fscrollreveal/lists"}