CSS unit converter
px ↔ rem ↔ em ↔ % ↔ vw ↔ vh, all visible at once.
Tools → Convert → CSS unit converter · 7-day free trial · Premium $9.99 / yr
- Pixels16px
- Root em1rem
- Em (parent)1em
- Points12pt
- Percent100%
- Viewport width1.1111vw
- Viewport height1.7778vh
Built for the things AI can’t fake
This tool runs free, right here. The extension adds three things a web widget can’t:
Playground
↗JS / TS scratchpad — sandboxed and instrumented.
Paste real code, hit Run. Console + network monitor + watch expressions all in one panel.
- ·Real ES modules · top-level await
- ·URL imports — esm.sh & friends
- ·Live fetch monitor (every call)
- ·Watch expressions in your scope
- ·10s sandbox timeout · zero CORS pain
HTTP client
↗Postman-style request runner.
Save collections, share variables, hit any API. Includes GraphQL with introspection, OpenAPI / cURL import.
- ·Bearer / Basic / API-key auth
- ·GraphQL · introspection
- ·OpenAPI 3.x · cURL import
- ·Copy as fetch / axios / Python
Realtime (WS + SSE)
↗Stream-protocol tester — what Postman doesn’t do well.
WebSocket + Server-Sent Events with custom auth headers, auto-reconnect, JSON pretty-print.
- ·wss:// + ws:// + subprotocols
- ·SSE via fetch — Authorization works
- ·Auto-reconnect with backoff
- ·Send composer · ⌘ + Enter
What it does
CSS pixels look the same everywhere — but rem / em / vw are responsive. Converting from a Figma px value to the rem your design system uses is one of those small daily friction points. This converter shows your value in every unit at once.
Why use VibeGear's css unit converter
- ✓Every unit at the same time — pick whichever you need
- ✓Configurable root / parent font size and viewport
How to use it
- 1Tools → Convert → CSS unit converter.
- 2Type a value, pick a unit, see all conversions.
Related tools
One install. Every tool above.
7 days free, then VibeGear Premium is $9.99 / €9.99 per year. Everything runs locally.
Install & start trial →→