awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
fancyapps avatar

fancyapps/fancyBoxArchived

0
View on GitHub↗
7,254 stars·1,748 forks·JavaScript·19 viewsfancyapps.com↗

FancyBox

fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content.

The tool functions as a touch-enabled content overlay, incorporating support for swipe gestures and pinch-to-zoom for navigating media on mobile devices and tablets. It ensures media scales correctly across different screen sizes through a responsive gallery system.

The project covers a broad range of media display capabilities, including the implementation of interactive lightboxes, responsive image galleries, and cross-device media overlays.

Features

  • Lightbox Overlays - Displays images and videos in a modal window overlay that dims the background to focus attention.
  • Image and Gallery - Creates a responsive collection of images that users can browse in a focused overlay.
  • Interactive UI Overlays - Provides an interactive layer over the website for browsing detailed media content via touch gestures.
  • Media Galleries - Provides a navigable collection of media assets with event-driven transitions triggered by clicks and swipes.
  • Media Overlays - Adds swipeable layers to a website for viewing images and videos on mobile devices.
  • Touch Navigation Interfaces - Provides gesture-based navigation including swipe-to-advance functionality for media galleries on touch devices.
  • Touch Gesture Handlers - Translates touch events into intuitive swipe and pinch gestures for navigating and zooming media.
  • JavaScript Gallery Libraries - Provides a JavaScript-based library for rendering dynamic media content within a full-screen modal gallery.
  • Overlay Rendering Architectures - Uses an architectural pattern to separate the full-screen modal overlay from the primary page content.
  • Dynamic Content Injection - Passes media data from trigger elements into the lightbox shell to render context-specific content.
  • Modal Scaling Logic - Ensures images and videos scale correctly across different screen sizes when opened in a modal window.
  • Viewport Fitting Calculations - Dynamically computes media dimensions to ensure a perfect fit within the viewport across different screen sizes.
  • Responsive Media Adaptation - Ensures images and videos scale correctly across different screen sizes within the popup gallery.
  • jQuery Plugins - Built as a jQuery plugin to add responsive, touch-enabled overlay gallery behaviors to web pages.
  • Tooltips and Popups - Zooming functionality for images and multimedia content.
  • Web Components and UI - Elegant tool for displaying images and web content.
  • 对话框/遮罩层/弹出层(lightbox) - Listed in the “对话框/遮罩层/弹出层(lightbox)” section of the Awesome Frontend awesome list.
  • Modals & Popups - Elegant media and content lightbox.

Star history

Star history chart for fancyapps/fancyboxStar history chart for fancyapps/fancybox

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to FancyBox

Similar open-source projects, ranked by how many features they share with FancyBox.
  • sachinchoolur/lightgallerysachinchoolur avatar

    sachinchoolur/lightGallery

    7,033View on GitHub↗

    lightGallery is a JavaScript lightbox gallery plugin and responsive multimedia viewer. It provides a fullscreen overlay for displaying collections of images and videos, supporting both touch-based gestures and keyboard navigation. The project utilizes a modular plugin architecture that allows for the integration of optional features such as social sharing and thumbnail pagination. It is designed as a touch-enabled system with capabilities for pinch-to-zoom, rotation, and gesture-based navigation across mobile and desktop browsers. The viewer supports the rendering of local HTML5 videos, exte

    TypeScript
    View on GitHub↗7,033
  • jackmoore/colorboxjackmoore avatar

    jackmoore/colorbox

    4,731View on GitHub↗

    Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external content within a centered window. It functions as a customizable UI component and an AJAX content loader capable of fetching remote data via GET or POST requests. The library distinguishes itself through its ability to group multiple media items into a sequential image gallery slideshow. It includes a state-based sequencing system that provides previous and next navigation controls to cycle through these collections. The tool covers a broad range of rendering and management capabil

    JavaScript
    View on GitHub↗4,731
  • dimsemenov/magnific-popupdimsemenov avatar

    dimsemenov/Magnific-Popup

    11,329View on GitHub↗

    Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote HTML content within a responsive overlay window. It functions as a responsive media gallery, providing a dimmed background to focus viewing on specific content. The library distinguishes itself through its ability to fetch and render remote HTML via asynchronous AJAX requests and its support for thumbnail zoom transitions. It includes a gallery system that groups multiple media items with directional controls, progress counters, and background preloading of adjacent assets to e

    JavaScript
    View on GitHub↗11,329
  • xiaolin/react-image-galleryxiaolin avatar

    xiaolin/react-image-gallery

    3,941View on GitHub↗

    This project is a responsive image gallery and carousel component for React. It provides a sliding interface for displaying images and mixed media, such as embedded videos and iframes, within a single navigational sequence. The gallery supports automated playback with manual play and pause controls, and it adapts its layout for different screen sizes. It includes a fullscreen display mode using native browser implementations and allows for custom slide content rendering via render props. Navigation is handled through touch swipe gestures, keyboard arrow inputs, and direct thumbnail selection

    TypeScript
    View on GitHub↗3,941
See all 30 alternatives to FancyBox→

Frequently asked questions

What does fancyapps/fancybox do?

fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content.

What are the main features of fancyapps/fancybox?

The main features of fancyapps/fancybox are: Lightbox Overlays, Image and Gallery, Interactive UI Overlays, Media Galleries, Media Overlays, Touch Navigation Interfaces, Touch Gesture Handlers, JavaScript Gallery Libraries.

What are some open-source alternatives to fancyapps/fancybox?

Open-source alternatives to fancyapps/fancybox include: sachinchoolur/lightgallery — lightGallery is a JavaScript lightbox gallery plugin and responsive multimedia viewer. It provides a fullscreen… jackmoore/colorbox — Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external… dimsemenov/magnific-popup — Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote… xiaolin/react-image-gallery — This project is a responsive image gallery and carousel component for React. It provides a sliding interface for… dimsemenov/photoswipe — PhotoSwipe is a JavaScript image gallery library used to create responsive, touch-enabled lightboxes for mobile and… ganlanyuan/tiny-slider — Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI…