15 / 16

Unit Converter

[ 2026 ]

  • UI/UX design & front-end development
  • Tools

A real-time CSS unit converter (px, rem, em).

See the live project
Dark converter interface: three fields for px, rem and em and a base-size setting.

The fifth project of the “52 sites in 2026” challenge: a tool to convert CSS units quickly.

Concept

A simple two-way converter between pixels, rem and em, with an adjustable root font size.

Key features

  • Real-time conversion — Instant px ↔ rem ↔ em calculation.

  • Custom base — Adjustable base size (16px by default).

  • Minimal design — A clean interface focused on use.

  • Mobile first — Fully responsive and installable (PWA).

Tools

Vite · Vanilla JS · CSS

Credits

Role
UI/UX design & front-end development
Duration
1 week