simpleParallax.js

What it does

Simple and tiny JavaScript library which adds parallax effects on any images.

A lightweight React & vanilla-JavaScript library that adds a parallax effect to any image. Works with React, Next.js and plain JS.

simpleParallax.js is a lightweight and easy-to-use JS & React library that adds parallax animations to any image. While other plugins can be complex, simpleParallax.js is notable for its simplicity and impressive visual effects. The parallax effect is applied directly to image tags, eliminating the need for background images. Any image can be used, including next/image component. This is the orientation (or direction) of the parallax effect. Choose up and when scrolling down, the image will translate from the bottom to the top (so the image will translate up). When scrolling up, the image will translate from the top to the bottom. Same logic applies for all other orientations (right, down,…from simpleparallax.com

• 
  simpleParallax2024 · simpleparallax.com · ▲7

  The easiest way to get a parallax effect with React

• MW
  My weekend project Parallax.js2012 · stolksdorf.github.com · ▲108
• 
  Rellax.js2016 · dixonandmoe.com · ▲140

  Lightweight, vanilla javascript parallax library

• 
  Parallax wallpaper engine for Linux and Windows2023 · github.com · ▲225

  Multi-platform parallax wallpaper engine. Contribute to jszczerbinsky/lwp development by creating an account on GitHub.

• 
  SJ Parallax2019 · parallax.web-sj.com · ▲6

  Parallax effect for website backgrounds and elements

• 
  Atropos2021 · atroposjs.com · ▲149

  Touch-friendly 3D parallax hover effects

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  First Search▲1,093

  The world's best startup advice, curated and searchable.

  Growth · 2017 · review.firstround.com

• 
  New Tesla Roadster▲1,006

  The fastest production car ever made ⚡️

  Life & fun · 2017 · tesla.com

• 
  Tesla Semi▲962

  The safest, and most comfortable truck ever made

  Life & fun · 2017 · tesla.com

• 
  Mockup Generator▲879

  Create attractive product screenshots with just a few clicks

  Growth · 2017 · theapplaunchpad.com

• 
  Landing Pages in MailChimp▲723

  Easy to build, custom landing pages for free

  Growth · 2017 · login.mailchimp.com

• 
  Thieve▲700

  A curated list of the best products on AliExpress

  Commerce · 2017 · thieve.co