Free widget
Put a Free Online Ruler on Your Website
Copy one line of code to add a real-size ruler to your blog, store, class page or course. Inches and centimeters, works on phones and computers, and every visitor can calibrate it with a bank card.
Try it
This is exactly what your visitors will see:
Copy the code
Paste this into your page's HTML, or into an "HTML" or "Embed" block in WordPress, Squarespace, Wix, Google Sites, Notion, Blogger or Canvas.
To start the ruler in centimeters, use this version instead:
What the widget does
- Inches and centimeters, with 1/16 inch and 1 mm marks.
- Card calibration: visitors match any bank card (85.60 mm wide worldwide) for about ±0.5% accuracy. The setting is remembered in their browser.
- Light and dark mode follow the visitor's device.
- Lightweight and private: one small page, no ads, no cookies, no tracking.
Ideas for using it
- Teachers: add it to a class page next to our free ruler worksheets.
- Online stores: let shoppers check the size of jewelry, beads, screws or small parts before buying.
- Craft and sewing blogs: show seam allowances and pattern measurements at real size.
Want the full ruler?
The full online ruler adds automatic device detection for about 130 phones and laptops, vertical rulers, a ring sizer, converters and more.