{"repo":"naver/egjs-grid","free":true,"listed":false,"github":"https://github.com/naver/egjs-grid","clone":"git clone https://github.com/naver/egjs-grid.git","description":"A component that can arrange items according to the type of grids","language":"TypeScript","stars":316,"topics":["grid","image","video","masonry","justified","packing","frame","layout","egjs","react"],"license":null,"category":"media-processing","readme_excerpt":"Grid &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; A component that can arrange items according to the type of grids. Demo /&nbsp; API Grids :---: :---: :---: :---: MasonryGrid JustifiedGrid FrameGrid PackingGrid MasonryGrid : The MasonryGrid is a grid that stacks items with the same width as a stack of bricks. Adjust the width of all images to the same size, find the lowest height column, and insert a new item. JustifiedGrid : 'justified' is a printing term with the meaning that 'it fits in one row wide'. The JustifiedGrid is a grid that the item is filled up on the basis of a line given a size. FrameGrid : 'Frame' is a printing term with the meaning that 'it fits in one row wide'. The FrameGrid is a grid that the item is filled up on the basis of a line given a size. PackingGrid : The PackingGrid is a grid that shows the important items bigger without sacrificing the weight of the items. Rows and columns are separated so that items are dynamically placed within the horizontal and vertical space rather than arranged in an orderly fashion. Documents - Get Started and Demos - API documentation Download and Installation Download dist files from repo directly or install it via npm. How to use Use Faster & Lazy Rendering When the loading=\"lazy\" or data-grid-lazy=\"true\" (external lazy loading) attribute is used, Rendering of the items occurs immediately. When items are loaded, they are rendered sequentially. If you use data-grid-width and data-grid-height attributes, the","default_branch":null,"files":null,"tree":[],"storefront":"/r/naver","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/naver/egjs-grid/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."}