UnitCraft utility
CSS size calculator
Bundle the most common conversions when migrating a legacy page to a tokenized system.
Calculator
PX ↔ REM
Typically html { font-size }
Result
≈ 16 px ↔ 1.5 rem
css
gap: 1.5rem; /* or margin / padding */
PX ↔ VW
Edit PX or VW
50.0000 vw
PX → PT
12.000 pt
Typical workflow
Normalize design tokens to REM.
Map legacy px margins to spacing scale.
Export vw for hero metrics.
Frequently asked questions
- Does it store data?
- No—calculations run locally in your browser tab.
Related tools
Explore more