Measurement

Product-Specific Size Guides

This component adds a clean and user-friendly size measurement modal to your Framer e-commerce product pages. Customers can switch between sizes (XS, S, M, L or any custom set) and instantly view measurements like chest, front length, and sleeve length in both CM and inches.

Showing clear sizing information directly on the product page helps reduce uncertainty and returns while improving buyer confidence.

JSON-Based Data

The component works with JSON data, giving you complete control over sizing for each individual product.

You can assign a different JSON-formatted size chart to every product, which means:

• Different measurement structures per product

• Easy updates without redesigning the component

• Full flexibility for various clothing types (hoodies, shirts, pants, etc.)

Just change the JSON and the modal updates automatically.

Easy to Customize

• Fully responsive modal layout

• Clean, minimal UI that fits fashion and apparel brands

• Easy to style and adapt to your design system

• Works as a reusable code component across all products

Part of Wear Template

This free component is part of the full Wear Framer e-commerce template system.

If you want the full experience with complete store pages, advanced components, and ready-to-use e-commerce flows, you can get the full Wear template, which includes this component and many more integrated features.

Use it as a standalone free size guide or as a preview of the full Wear system.