what is zoomerang fr?

yyx990803/zoomerang — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2021-07-19

★ 1,220JavaScriptAudience · developerComplexity · 1/5DormantSetup · easy

vibe map

mindmap
  root((repo))
    What it does
      Zooms elements on click
      Centers with fade backdrop
      Zooms back out on click
    Tech stack
      JavaScript
      CSS transforms
    Use cases
      Portfolio image zoom
      Product galleries
      Photo blogs
    Audience
      Web designers
      Frontend developers
    Limitations
      Needs modern browsers
      Best on fixed-size elements
      Firefox edge pixelation

mindmap root((repo)) What it does Zooms elements on click Centers with fade backdrop Zooms back out on click Tech stack JavaScript CSS transforms Use cases Portfolio image zoom Product galleries Photo blogs Audience Web designers Frontend developers Limitations Needs modern browsers Best on fixed-size elements Firefox edge pixelation

what do people make with this?

VIBE 1

Add a Medium-style click-to-zoom effect to images on a portfolio or product gallery site.

VIBE 2

Let users click a photo on a blog to see it full-size with a fading background overlay.

VIBE 3

Drop in a single script to make any image or element zoomable without writing custom animation logic.

VIBE 4

Support zooming while the page is scrolled or resized without breaking the effect.

what's the stack?

JavaScriptCSS

how it stacks up fr

	yyx990803/zoomerang	gaearon/react-side-effect	patrickjs/angular-websocket
Stars	1,220	1,214	1,210
Language	JavaScript	JavaScript	JavaScript
Last pushed	2021-07-19	2023-03-04	2018-05-16
Maintenance	Dormant	Dormant	Dormant
Setup difficulty	easy	easy	easy
Complexity	1/5	2/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Requires a modern browser with CSS transform support, not IE9 or older Android browsers.

prompts (copy fr)

prompt 1

Show me how to add Zoomerang to my webpage so clicking an image zooms it to the center of the screen.

prompt 2

Explain how Zoomerang uses CSS transforms to animate zooming in and out.

prompt 3

Help me customize Zoomerang's fade backdrop so it matches my site's color scheme.

prompt 4

What do I need to check to make sure Zoomerang works correctly on older or mobile browsers?

Frequently asked questions