Free face shape widget for your website

Put a face shape finder on your own page in two lines of HTML. Visitors choose a photo and get their face shape, fWHR and symmetry from 478 measured points. It is free, it runs in the visitor's browser and there is no sign-up. Updated 16 October 2026.

Who the widget is for

  • Hair salons and barbers, to go with hairstyle and cut guides.
  • Opticians and eyewear shops, to go with frame guides.
  • Beard, makeup and beauty blogs that already write about face shapes.

Copy the code

Size

Script (recommended): auto-height, adds the credit link

<div data-tfa-widget="face-shape" data-size="standard"></div>
<script async src="https://thefaceanalysis.com/embed.js"></script>

Plain iframe: for pages that block scripts

<iframe src="https://thefaceanalysis.com/embed/face-shape" title="Face shape detector by The Face Analysis" width="480" height="600" style="border:0;width:100%;max-width:480px" loading="lazy"></iframe>
<p style="text-align:center;font:12px system-ui,sans-serif">Face analysis by <a href="https://thefaceanalysis.com/face-shape" target="_blank" rel="noopener">The Face Analysis</a></p>

Live preview

Use it from npm

Building with a bundler or a framework? The same widget ships as a web component and a React wrapper. The credit link is written into your page by the component.

npm install thefaceanalysis-embed

// any framework
import "thefaceanalysis-embed";
<face-analysis-widget tool="face-shape" size="standard"></face-analysis-widget>

// React
import { FaceAnalysisWidget } from "thefaceanalysis-embed/react";
<FaceAnalysisWidget size="wide" />

Source and issues: thefaceanalysis-embed on GitHub. All developer packages: developer docs.

Terms of use

  • Free to use on any website, including commercial ones.
  • Keep the credit link under the widget visible. Do not hide, restyle to invisibility or remove it.
  • Do not alter the widget's content or present its reading as a medical or cosmetic diagnosis. It measures proportions in one photo.
  • We may change or retire the widget. Embed measurements are counted per site (hostname only) to see which embeds are used; no photo is part of that count.

How the numbers are made: methodology. Reference data you can reuse: face measurement statistics.