Pushin
Attach a "dolly" or "push in" effect to a div element when user scrolls.
Install / Use
/learn @nateplusplus/PushinREADME
pushIn.js
PushIn.js is a lightweight parallax effect, built with JavaScript, that simulates an interactive dolly-in or push-in animation on a webpage.
Check out the live demo for a working example.
Compatibility
PushIn.js supports all browsers that are ES5-compliant.
Installation
PushIn is available via NPM or a CDN. Follow the detailed instructions in the documentation site: https://pushinjs.com/installation.
If you're using npm, you can install the package by running:
npm install --save pushin
Alternatively, you can use a CDN:
<script src="https://cdn.jsdelivr.net/npm/pushin@6/dist/umd/pushin.min.js"></script>
Configuration
There are several plugin configurations you can use to customize for your unique project. Refer to https://pushinjs.com/api for a detailed breakdown of all available configurations.
Contributing
Contributors are welcome! Please see CONTRIBUTING.md to learn more about the best ways to contribute to this project.
Development Setup
See DEVELOPERS.md for details on how to set up your development environment to contribute to this project.
Related Skills
node-connect
349.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Writing Hookify Rules
109.7kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
review-duplication
100.4kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
