{"adoption": {"forks": 138, "observed_at": "2026-08-28T04:07:46.200453+00:00", "stars": 3152}, "canonical_url": "https://ross.abutalabs.com/products/magic-grid", "card": {"archived": false, "artifact_type": "library", "description": "A simple, lightweight Javascript library for dynamic grid layouts.", "domain": ["frontend", "web-development", "web-design"], "enriched": true, "function": ["ui-components", "frontend-framework"], "health_score": 20, "homepage": "https://www.npmjs.com/package/magic-grid", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["e-oj/Magic-Grid"], "name": "e-oj/Magic-Grid", "platform": ["browser"], "pushed_at": "2024-09-04T15:48:54+00:00", "repo": "e-oj/Magic-Grid", "stars": 3152, "tags": ["masonry-layout", "grid-layout", "lightweight", "vanilla-js", "css-grid-alternative", "nodejs", "javascript"], "topics": ["grid", "layout", "grid-layout"], "urls": [], "use_cases": ["build a masonry-style image gallery with variable-height items", "lay out user-generated content cards of unequal heights", "create a Pinterest-like dynamic grid layout", "avoid whitespace gaps in CSS grid rows with mixed-height items", "add a responsive dynamic grid to a vanilla JS project without heavy dependencies"], "what_it_is": "Magic Grid is a lightweight JavaScript library for creating dynamic, masonry-style grid layouts. It automatically repositions grid items of varying heights within a specified container, requiring only a container selector and change listeners.", "when_to_avoid": ["your items have equal heights - plain CSS Grid or Flexbox suffices", "you need a full-featured layout framework like Isotope with filtering and sorting", "you need items of varying widths - the library requires uniform item width"], "when_to_choose": ["you need a lightweight, dependency-free masonry layout in plain JavaScript", "your grid items have equal width but varying heights", "CSS Grid or Flexbox leaves uneven whitespace with dynamic content"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/magic-grid", "repo": "e-oj/Magic-Grid", "role": "main", "score": 32}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.200453+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:45:34.696298+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "034ec5798443b201526782cda751b2264b53c1cb392798e0e6c9330602291949", "fetched_at": "2026-08-28T04:07:46.200453+00:00", "kind": "readme", "missing": false, "url": "https://github.com/e-oj/Magic-Grid"}, {"content_hash": "daabeac521abd5e0a442c3c4af16df13483b16e69d599a60829f503c17014d3b", "fetched_at": "2026-08-29T09:40:31.408457+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/magic-grid"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 35}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": ["no_releases"], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2852, "days_push": 728, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 32, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}