Viewport Unit Converter
Convert between px and viewport units (vw, vh, vmin, vmax, dvh, svh, lvh, container query units). Includes batch conversion and fluid clamp() generator.
📐 Viewport Unit Converter
🔀 Conversion Mode
📏 Unit Type
Classic viewport width (1vw = 1% of viewport width)
🔢 Decimals
🖥️ Viewport Dimensions
📝 Input Value
✨ Result
width: 10vw;
💡 Quick Snippets
width: 10vw;
height: 10vw;
font-size: 10vw;
margin: 10vw;
padding: 10vw;
gap: 10vw;
📦 Batch Conversion
Enter multiple values (one per line or comma-separated)
Results will appear here...
🎯 Fluid clamp() Generator
Create responsive values that scale between breakpoints
font-size: clamp(16px, calc(3.1068vw + 4.3495px), 64px);
Formula: clamp(min, calc(slope × 100vw + intercept), max)
💡 Tip: Container queries are great for component-based responsive design
Viewport units: Based on browser viewport (vw, vh, vmin, vmax)
Small viewport: Smallest possible viewport (mobile with UI visible)
Large viewport: Largest possible viewport (mobile with UI hidden)
Dynamic viewport: Adjusts as browser UI appears/disappears
Container query: Based on container size, not viewport