{"repo":"igordanchenko/react-photo-album","free":true,"listed":false,"github":"https://github.com/igordanchenko/react-photo-album","clone":"git clone https://github.com/igordanchenko/react-photo-album.git","description":"Responsive photo gallery component for React","language":"TypeScript","stars":782,"topics":["responsive","gallery","images","react","photo-gallery","photo","react-photo-album","react-photo-gallery","grid","masonry"],"license":"MIT","category":"media-processing","readme_excerpt":"React Photo Album React Photo Album is a responsive photo gallery component with rows, columns, and masonry layouts. Inspired by react-photo-gallery, re-engineered from the ground up. Overview - Built for React: works with React 18+ - SSR friendly: produces server-side rendered markup that looks pixel-perfect on the client even before hydration - Responsive images: responsive images with automatic resolution switching are supported out of the box - Feature-packed: supports 3 layout options (rows, columns, and masonry), responsive images, custom data attributes, and is fully configurable and customizable - TypeScript: type definitions come built-in with the package - Performance: built with performance in mind to support large photo albums Layouts Rows Columns Masonry Documentation https://react-photo-album.com/documentation Examples https://react-photo-album.com/examples Changelog https://github.com/igordanchenko/react-photo-album/releases Installation Requirements - React 18+ - Node 18+ - modern ESM-compatible bundler Minimal Setup Example How It Works Rows Layout Rows layout fills the container space by arranging photos into rows that are similar in height, with the height of each row being as close to the targetRowHeight as possible. This layout is inspired by the Knuth and Plass line-breaking algorithm and uses dynamic programming to find optimal row breaks in a DAG (directed acyclic graph) where photo indices are nodes and each possible row is an edge connecting its firs","default_branch":null,"files":null,"tree":[],"storefront":"/r/igordanchenko","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/igordanchenko/react-photo-album/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}