Online Mirror

About the Online Mirror

An online mirror uses your device's built-in camera — phone, tablet, or laptop webcam — to display a live mirror image directly in your browser, with no app download, no account, and no video ever leaving your device. With over 450,000 monthly searches, the online mirror is one of the most searched browser tools on the internet, used by people who need a quick mirror check when a physical mirror is unavailable: on a train, in an office, at a desk, or anywhere a phone or laptop is closer than a bathroom. Our free online mirror works instantly on any modern browser — Chrome, Safari, Firefox, Edge — and on any device: iPhone, Android, Windows, Mac, or Chromebook. The camera feed is processed entirely locally in your browser using the WebRTC MediaDevices API. No frames, no images, and no video are ever transmitted to any server. Your privacy is guaranteed by design, not just policy. Features include horizontal flip toggle (mirror vs. camera view), brightness and contrast adjustment, zoom control, greyscale and warm filter modes, and full-screen display for the largest possible reflection. On mobile devices the front-facing (selfie) camera is selected automatically for the most natural mirror experience. On desktop, your webcam activates with a single click after you grant camera permission — permission that only applies to this session and can be revoked instantly.

How It Works

When you open the online mirror and click Start Mirror, your browser requests camera access via the WebRTC getUserMedia API. Once permission is granted, the live video stream from your front camera is rendered into an HTML5 video element. A CSS transform: scaleX(-1) rule horizontally flips the image to create the natural mirror reflection you expect — where your right hand appears on the right side of the screen, matching how you see yourself in a physical mirror. The flip toggle reverses this transform to show the true camera view (how others see you). Brightness and contrast adjustments use CSS filter properties applied in real time. Zoom uses CSS transform: scale() to magnify the centre of the frame without requiring camera hardware zoom. Greyscale and warm filters use CSS filter: grayscale() and sepia() respectively. All processing is GPU-accelerated through the browser's compositor — no JavaScript pixel manipulation is involved, ensuring smooth 30–60 fps performance even on low-end devices. No screenshots are taken automatically. If you use the capture button, the image is drawn to an off-screen canvas element and downloaded directly to your device — it never passes through any server.

Tips & Best Practices

• ✓For the most accurate colour representation, position yourself facing a natural light source (window) rather than having it behind you — backlighting washes out colour detail in the camera feed.
• ✓On iPhone and iPad, Safari is the recommended browser for the online mirror — iOS restricts WebRTC camera access to Safari and WKWebView, so Chrome or Firefox on iOS will not have camera access.
• ✓The full-screen mode (press the expand icon or F11 on desktop) maximises the mirror size for the best experience when checking your full face or upper body.
• ✓If the camera permission popup does not appear, check your browser's site settings — camera access may have been previously blocked. In Chrome: Settings → Privacy and Security → Site Settings → Camera.
• ✓Use the warm filter for makeup checks — it simulates warmer indoor lighting conditions similar to incandescent bulbs, giving you a better preview of how you will look under typical home or office lighting.
• ✓The greyscale filter is useful for checking contrast in makeup and outfit choices — if elements look distinct in greyscale, they will stand out well under any lighting condition.
• ✓On Android, the online mirror works in Chrome, Firefox, and Samsung Internet — all three support WebRTC camera access. The front camera is selected automatically.
• ✓Zoom in using the zoom control to inspect specific details — eyeliner, brow shape, jewellery clasp — that are difficult to see at full-frame distance on a small screen.

Who Uses This Calculator

The most common use case is a quick appearance check when no physical mirror is nearby: checking hair, makeup, or an outfit before a meeting, presentation, job interview, or date. Office workers use the online mirror at their desk to check their appearance before video calls without leaving their workstation. Commuters use it on their phone during train or bus journeys. Students use it in classrooms, libraries, and study halls. Makeup artists and cosmetologists use it as a supplementary mirror when working without a dedicated vanity setup. Photographers and content creators use it to check framing and appearance before recording. People with mobility limitations who cannot easily access a bathroom mirror use it as an accessible alternative. Travellers use it in hotel rooms, airports, and transport hubs where mirrors may be limited or inconveniently located. Parents use it to help children check their school uniform or sports kit before leaving the house. Theatre and film performers use it backstage for quick costume and makeup checks. The brightness control makes it particularly useful in low-light environments — you can increase brightness to compensate for dim rooms in a way a physical mirror cannot.