Before / After Image Comparison Slider

What it does

Bring transformations to life with an interactive before & after slider. Perfect for showcasing results, improvements, or visual changes in a clear and engaging way — without long explanations. ⭐ Key Features • Interactive before / after image comparison • Smooth drag slider (horizontal or vertical) • Fully responsive (desktop & mobile) • Easy image upload and configuration • Custom labels (“Before” / “After”) • Lightweight and fast loading

Générez des avant/après époustouflants avec un slider interactif élégant. Idéal pour les photographes, designers et architectes.

• 
  Image comparison slider in 6 lines of JavaScript2025 · muffinman.io · ▲28

  Image comparison component leveraging native HTML range input and a few lines of JavaScript.

• 
  Non-Confusing, Visually Correct Slider Toggle UI2012 · chrisnorstrom.com · ▲441
• 
  Premast Plus for Google Slides2022 · premast.com · ▲298

  Access tons of design elements inside Google Slides

• 
  Sidly Before After2022 · apps.apple.com · ▲214

  Create before and after from two photos or videos

• 
  Before and After Photo Compare2024 · apps.apple.com · ▲4

  before,after,photo,video,editor,maker,compare,effect,collage

• IC
  Image Comparison Slider – Plain JS2016 · jacted.github.io · ▲7

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 4d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• IN
  isometric.nyc – giant isometric pixel art map of NYC▲1,325

  Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc

  AI · Jan 2026 · cannoneyed.com

• 
  Cowork▲1,088

  Turn Claude into your digital coworker

  AI · Jan 2026 · claude.com

• 
  DataFast▲867

  Revenue-first analytics

  Growth · Jan 2026 · datafa.st

• 
  OpenClaw▲836

  The AI that actually does things

  AI · Jan 2026 · openclaw.ai

• 
  Kilo Code Reviewer▲799

  Automatic AI-powered code reviews the moment you open a PR

  Dev tools · Jan 2026 · kilo.ai

• 
  PostSyncer▲793

  AI Content Maker, for Social Media Publishing

  AI · Jan 2026 · postsyncer.com