geosigno/simpleParallax.js

Health v2 · maintenance only

Adoption not part of the score

2157 stars · 148 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

simpleParallax.js is a lightweight TypeScript library that adds parallax scroll effects directly to <img> tags, available for both React and vanilla JavaScript. It works out of the box with React, Next.js, and plain JS, requiring no background images.

Use cases

• add parallax scrolling effect to images on a website
• animate images on scroll in a React app
• apply parallax to img tags without background images
• create scroll-driven image animations in Next.js
• add depth effects to hero images on a landing page

When to choose

• you want a simple, lightweight parallax effect on image tags
• you use React or Next.js and want a drop-in parallax component
• you need a vanilla JS parallax solution with TypeScript types
• you want configurable orientation, scale, and delay for scroll animations

When to avoid

• you need parallax on background images or full sections rather than img tags
• you need complex multi-layer or mouse-driven parallax effects
• your project does not use scroll-based image animations

Facets

library · maturity active

animation ui-components frontend-framework web-development frontend web-design browser cross-platform parallax scroll-effects react vanilla-js typescript images nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="geosigno/simpleParallax.js")