2026년 줌 UI: Prezi, impress.js, 그리고 내가 다르게 만든 이유

Source: Hacker News

Prezi

• 프레젠테이션을 위한 줌 캔버스를 최초로 도입했으며, 해당 분야에서 여전히 시장 리더입니다.
• 최근 AI 기반 생성 및 텍스트 편집 도구를 추가했습니다.
• 실제 사용자 기반을 갖춘 다듬어진 제품입니다.

Limitations

• 폐쇄형 플랫폼이며 라이브러리가 아니므로 줌 엔진을 자체 앱에 삽입할 수 없습니다.
• 의미 있는 기능을 사용하려면 $15/월부터 요금이 시작됩니다.
• PowerPoint로 내보낼 경우 모든 줌 효과가 정적인 슬라이드로 평탄화됩니다.
• 사용자들은 줌 및 팬 전환 과정에서 멀미를 호소하는 경우가 많습니다.
• 사전 배치된 프레임 사이의 스토리텔링 수단으로 줌을 사용하며, 네비게이션 모델로 사용하지는 않습니다.

impress.js

• CSS3 변형과 전환을 기반으로 한 프레젠테이션 프레임워크로, Prezi와 같은 줌을 오픈 웹에 도입했습니다.
• 아키텍처는 단계 기반이며, 3D 공간에 “스텝”을 배치하고 카메라가 그 사이를 이동합니다.

Limitations

• 프레젠테이션에는 훌륭하지만, 사용자가 콘텐츠를 줌으로 탐색하는 앱에는 적합하지 않습니다.
• 동적으로 뷰를 마운트하고 줌 깊이를 관리하거나 네비게이션 상태를 처리하는 개념이 없습니다.
• 기본적으로 줌 트릭을 활용한 슬라이드덱 엔진에 불과합니다.

Zumly

Full disclosure: I’m the sole developer.

• 줌을 활용한 전통적인 페이지 네비게이션의 대안을 제공합니다.
• 요소를 zoomable(줌 가능)하게 지정하고 대상 뷰를 연결하면, Zumly가 전환을 처리하고 새로운 뷰를 삽입합니다.
• 저자가 Zircle UI(Vue 줌 라이브러리) 작업을 마친 뒤 2020년에 시작되었습니다.
• 프레임워크에 구애받지 않으며 오직 줌 부분에만 집중합니다.
• 뷰는 줌 전환 중에 동적으로 마운트 및 언마운트됩니다.
  • impress.js에서는 모든 스텝이 DOM에 동시에 존재합니다.
  • Zumly에서는 트리거 요소를 줌하면 대상 뷰가 주입되어 스케일링되며, 이는 슬라이드덱 동작보다 SPA 라우팅에 가깝습니다.
• 랜딩 페이지 자체가 Zumly로 구축되어 있어 코드를 건드리기 전에 직접 체험할 수 있습니다.

Resources

• Landing page (built with Zumly):
• GitHub repository:
• Discussion on Hacker News: