{"adoption": {"forks": 407, "observed_at": "2026-08-28T04:07:46.234907+00:00", "stars": 3153}, "canonical_url": "https://ross.abutalabs.com/products/postcss-px-to-viewport", "card": {"archived": false, "artifact_type": "plugin", "description": "A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.", "domain": ["frontend", "web-development", "mobile-development"], "enriched": true, "function": ["css-framework", "build-tool", "developer-tools"], "health_score": 20, "homepage": "https://evrone.com/postcss-px-viewport", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "stable", "member_repos": ["evrone/postcss-px-to-viewport"], "name": "evrone/postcss-px-to-viewport", "platform": ["cross-platform"], "pushed_at": "2024-06-18T10:27:27+00:00", "repo": "evrone/postcss-px-to-viewport", "stars": 3153, "tags": ["postcss-plugin", "viewport-units", "responsive-design", "mobile-first", "css-units", "px-to-vw", "nodejs"], "topics": ["postcss", "pixel-units", "viewport-units", "vw", "vh", "css-scale", "mobile-design", "media-queries", "rem-units", "taro"], "urls": [], "use_cases": ["convert px to vw units in css", "make mobile design scale across screen sizes", "responsive layout from one fixed-width design", "postcss plugin for viewport units", "scale css for different displays automatically", "convert pixel units to vw for taro project"], "what_it_is": "A PostCSS plugin that automatically converts pixel (px) units in CSS into viewport units (vw, vh, vmin, vmax). It enables building scalable interfaces from a single design size, especially for mobile-first responsive layouts.", "when_to_avoid": ["You use fluid layouts already written in rem/em or native responsive units", "You need pixel-perfect rendering at fixed breakpoints rather than proportional scaling", "Your project does not use a PostCSS-based build pipeline"], "when_to_choose": ["You have a fixed-width design (e.g., 320px or 750px) and want the whole interface to scale fluidly", "You are building mobile web apps or mini-programs (e.g., with Taro) that need viewport-based sizing", "You want automatic, configurable conversion with ignore comments, selector blacklists, and landscape support"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/postcss-px-to-viewport", "repo": "evrone/postcss-px-to-viewport", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "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.234907+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:46.234907+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T07:25:40.819938+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "4b7609aa872fe28076da7db3e24f51a14e0cc35ef0eed667643c6209e6b98e20", "fetched_at": "2026-08-28T04:07:46.234907+00:00", "kind": "readme", "missing": false, "url": "https://github.com/evrone/postcss-px-to-viewport"}, {"content_hash": "6998dcbdde04dc8cca13c5b5d611902815923c94ea9a71cffbcffea8f3661a64", "fetched_at": "2026-08-29T09:40:25.474117+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/postcss-px-to-viewport"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "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": 3880, "days_push": 806, "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}}