{"adoption": {"forks": 144, "observed_at": "2026-08-28T04:05:09.149790+00:00", "stars": 1596}, "canonical_url": "https://ross.abutalabs.com/products/react-native-responsive-screen", "card": {"archived": false, "artifact_type": "library", "description": "Make React Native views responsive for all devices with the use of 2 simple methods", "domain": ["mobile-development", "frontend", "cross-platform"], "enriched": true, "function": ["ui-components"], "health_score": 20, "homepage": null, "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["marudy/react-native-responsive-screen"], "name": "marudy/react-native-responsive-screen", "platform": ["cross-platform"], "pushed_at": "2024-01-01T19:03:29+00:00", "repo": "marudy/react-native-responsive-screen", "stars": 1596, "tags": ["react-native", "responsive-layout", "responsive-ui", "screen-dimensions", "orientation-detection", "javascript", "android", "ios", "mobile"], "topics": ["react-native", "android", "ios", "responsive-layout", "ui"], "urls": [], "use_cases": ["make react native views responsive on all phone and tablet screen sizes", "size ui elements as a percentage of screen width and height in react native", "replace hardcoded dp values with responsive dimensions in react native styles", "handle layout changes when device orientation changes in react native", "build a react native app ui that adapts from small phones to large tablets", "scale font sizes and spacing responsively in react native"], "what_it_is": "A small React Native library that provides two simple methods, widthPercentageToDP and heightPercentageToDP, for building responsive UI layouts across all device screen sizes without media queries. It also offers an optional third method for screen orientation detection with automatic re-rendering on dimension changes.", "when_to_avoid": ["the project is seeking new maintainers, so long-term support may be uncertain", "you use a modern styling solution like styled-components, Tamagui, or NativeWind that already handles responsive values", "you need advanced responsive features like breakpoints, media queries, or container queries"], "when_to_choose": ["you are building a React Native app and want percentage-based responsive sizing with a minimal API", "you need orientation-aware layouts that re-render on dimension changes", "you prefer a tiny dependency over a full styling or layout framework"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-native-responsive-screen", "repo": "marudy/react-native-responsive-screen", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "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:05:09.149790+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:05:09.149790+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T03:54:04.265679+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3a9c66cdc7dbe553b4f7671e47bd7362b27c90ff47fab77b35e30a28b0bb9f07", "fetched_at": "2026-08-28T04:05:09.149790+00:00", "kind": "readme", "missing": false, "url": "https://github.com/marudy/react-native-responsive-screen"}, {"content_hash": "6892c7e6c5361d7f4137d1aea21c1c7104d233c78ed20fd89985da8d886a3477", "fetched_at": "2026-08-29T11:25:02.048041+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-responsive-screen"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3063, "days_push": 975, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}