Afilmory: An open source photo wall tool. Supports automatic synchronization of photos from multiple storage sources, and provides high-performance WebGL rendering, mosaic layout, EXIF information display, and thumbnail generation.
The GitHub project you mentioned Afilmory/Afilmory It is a modern photo gallery website project with the theme of retro and nostalgic photography. Here is a detailed introduction of it:
🎯Project positioning and background
- Afilmory This name consists of four core concepts of photography: “Auto‑Focus (AF)”,”aperture”,”film” and “memory”. The overall pronunciation is “uh‑FIL‑muh‑ree”, which aims to evoke the nostalgic quality of analog photography.
- This is a personal photography website project that expresses respect and artistic expression for traditional photography through modern Web technology
Functional highlights and technical architecture
ˇCore functions
- use React + TypeScript Build a front-end to support starting from Automatically sync photos from multiple storage backends (such as S3, GitHub warehouses)
- WebGL Rendering Engine Provides a smooth zooming and drag-and-drop experience for a large number of images
- Masonry gallery layout(Through Masonic), responsive design takes into account the adaptability of different devices
- integrated Tailwind CSS + Radix UI Achieve modern UI interfaces and barrier-free interactions
- incremental synchronization mechanism: Processing only new or modified photos to speed up construction
- Support internationalization (i18n) and OpenGraph metadata sharing capabilities
ˇImage processing function
- autosupport HEIC/HEIF、TIFF Format, etc., and convert it to a web-usable format.
- Smart thumbnail generation and Blurhash placeholders Accelerate the loading experience.
- Display complete EXIF information(Photography parameters) and HDR image support、Live Photo support。
- Can read the image of Fuji camera film simulation settings and displayed as metadata.
🌍Advanced interaction and display
- Map Interactive Explorer: Using EXIF GPS information, use MapLibre to geovisualize photos.
- perfect Full screen viewing mode, supports gesture operation, sharing and embedding gallery iframe functions.
- support Multithreading/concurrent processing, improve build performance and photo processing speed.
Technical implementation details
- Front-end technology stack: React 19, TypeScript, Vite, Tailwind CSS, Radix UI, Jotai state management, TanStack Query data caching, React Router 7 routing, i18 next internationalization.
- Build and process: Node.js backend + Sharp image processing library + AWS SDK (for S3 operations)+ Worker Threads/Cluster + EXIF‑Reader tool
- Storage adapter design: Support multiple backend storage such as S3 and GitHub warehouses for easy deployment and expansion
Usage and ecology
- provide Docker deployment plan(located in the afilmory/docker repository), including Dockerfiles and configuration files, making it easy to quickly deploy Iris Photo Gallery or similar website
- The main repository (afilmory/afilmory) is active, written in TS, has 1200+ stars and 138 forks, the most recent update occurred in August 3, 2025
Summarize one sentence
Afilmory is a modern, high-performance personal photography library framework that integrates WebGL rendering, picture synchronization, format support, multi-storage backend and map visualization. It is suitable for photography website builders who pursue nostalgic aesthetics and technical architecture.
GitHub：https://github.com/Afilmory/Afilmory
Oil tubing: