This component adds a step-by-step size finder to your Framer product pages. Instead of guessing, customers enter simple details like height, weight, age, and gender, then choose their body shape and fit preference.
This component is also included in the full Wear e-commerce template system.
The recommendation is not random or static.
The component calculates the result using multiple metrics together:
Height
Weight
Age
Gender
Body shape
Preferred fit (tight, regular, loose)
This combined logic gives a more accurate and personalized size suggestion for each shopper.
Clean multi-step flow
Simple questions with quick inputs
Instant result at the end
Fully responsive and easy to style
It fits naturally into modern apparel and fashion product pages built in Framer.
This free component is part of the full Wear Framer e-commerce template system.
If you want the complete experience with ready-made product pages, cart and store flows, and advanced integrated components, you can get the full Wear template, which includes this size finder, the size measurement modal, and many more features working together out of the box.
Use it as a standalone smart sizing tool or as a preview of the full Wear e-commerce system.
Dragframe
