Alfred-Skyblue/v-scale-screen

Health v2 · maintenance only

Adoption not part of the score

1287 stars · 125 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Vue component (supporting Vue 3 and Vue 2.7+, with a v1 line for Vue 2.6) that wraps page content in a scaling container so interfaces designed at a fixed resolution, such as 1920x1080 large-screen dashboards, adapt to any display. It supports adaptation by width, height, width-and-height ratio, and full-screen scaling, and is commonly paired with ECharts for data-wall dashboards.

Use cases

• make a 1920x1080 vue dashboard scale to fit any screen
• vue large screen adaptive component for data visualization
• fit an echarts big-screen dashboard to different resolutions
• scale a fixed-size design canvas to fullscreen in vue
• keep dashboard aspect ratio across different monitors
• big screen adaptation for vue3 dashboards

When to choose

• You are building a fixed-resolution large-screen/data-wall dashboard in Vue 2.7+ or Vue 3 and need it to fit varying displays
• You want a drop-in wrapper component instead of hand-rolling CSS transform scaling logic
• Your layout is designed against a fixed canvas (e.g., 1920x1080) with charts like ECharts that must scale as a whole

When to avoid

• Your project is React rather than Vue (use the author's r-scale-screen instead)
• You are on Vue 2.6 or below without adopting the 1.x version
• You need a generally responsive/fluid website layout rather than fixed-canvas proportional scaling

Facets

library · maturity active

ui-components frontend web-development data-visualization browser vue vue3 vue2 echarts large-screen screen-adaptation responsive-design scaling dashboard css-transform typescript chinese

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Alfred-Skyblue/v-scale-screen")