{"adoption": {"forks": 104, "observed_at": "2026-08-28T04:04:21.918921+00:00", "stars": 1321}, "canonical_url": "https://ross.abutalabs.com/products/react-inlinesvg", "card": {"archived": false, "artifact_type": "library", "description": "An SVG loader component for ReactJS", "domain": ["frontend", "web-development", "graphics"], "enriched": true, "function": ["ui-components", "http-client", "caching"], "health_score": 93, "homepage": "https://codesandbox.io/s/github/gilbarbara/react-inlinesvg/tree/main/demo", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["gilbarbara/react-inlinesvg"], "name": "gilbarbara/react-inlinesvg", "platform": ["cross-platform"], "pushed_at": "2026-06-30T16:33:37+00:00", "repo": "gilbarbara/react-inlinesvg", "stars": 1321, "tags": ["react", "svg", "svg-loader", "inline-svg", "remote-svgs", "ssr-safe", "nodejs", "web-server"], "topics": ["react", "svg", "remote-svgs", "react-components"], "urls": [], "use_cases": ["render inline svg icons in react", "load remote svg files into react components", "inline svg from a bundler import", "show svg with fallback content on load error", "cache remote svg requests in a react app", "server-side render svgs in next.js"], "what_it_is": "A React component library that loads and inlines SVG files from local paths, remote URLs, data URIs, or raw SVG strings. It caches remote requests, supports SSR, and offers flexible props for styling, fallbacks, and load callbacks.", "when_to_avoid": ["you only need static SVGs and can import them directly via your bundler", "you are not using React", "you need heavy SVG manipulation or animation features"], "when_to_choose": ["you need SVGs inlined into the DOM so CSS can style them", "you load SVGs from remote URLs and want request caching", "you need SSR-safe SVG loading in React"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-inlinesvg", "repo": "gilbarbara/react-inlinesvg", "role": "main", "score": 88}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "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:04:21.918921+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:21.918921+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T04:47:17.559065+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "924826299ce077d101461b4945e9d6e5175cec2fbd38f54be1334e3502bb056b", "fetched_at": "2026-08-28T04:04:21.918921+00:00", "kind": "readme", "missing": false, "url": "https://github.com/gilbarbara/react-inlinesvg"}, {"content_hash": "846eae75aee33af5adb920bc912456a6a5dd008e2eb771f386b5b8f2de88d901", "fetched_at": "2026-08-29T12:06:23.041340+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-inlinesvg"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 90, "longevity": 100, "rhythm": 78}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 4546, "days_push": 64, "days_rel": 64, "gap_med": 33, "n_releases_24m": 10}, "score": 88, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}