Baike.dev
All toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
S

scroll-out

> 前端框架
Open source

ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

1.2K stars0 likes0 views
WebsiteGitHub

About

ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

ScrollOut

Animate on Scroll

Why should I use this?

  • Animate or reveal elements as they scroll into view using CSS or JavaScript
  • Super tiny JavaScript library at 1KB minified and gzipped.
  • Free for commercial and non-commercial use under the MIT license.

How do I use it?

Install ScrollOut and decorate elements with the data-scroll attribute. As elements become visible, data-scroll will be set to in and when elements are scrolled out they will be set with out. Add your own CSS or JS to make a big impression when things come into view. That's it!

Getting Started

Check out the documentation.

Compatibility

The core features are compatible on all modern desktop and mobile browsers. Internet Explorer 11 is also supported.

Maintainers

Maintainer GitHub Twitter
Christopher Wallis @notoriousb1t @notoriousb1t
Stephen Shaw @shshaw @shshaw

License

scroll-out is licensed under the MIT license.

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

TypeScriptanimationcsscss-classesjavascript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category前端框架
PricingOpen source

> Related tools

R
React
用于构建用户界面的 JavaScript 库
V
Vue.js
渐进式 JavaScript 框架
N
Next.js
基于 React 的全栈 Web 框架