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.
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.
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
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.
Dragframe
