Aisol Size Guide - apparel size chart section for Framer

A size chart for Framer that runs on your CMS collection: sizes down the rows, measurements across the columns, and one button that switches the whole chart between centimetres and inches.

What you get

- One Framer code component (Aisol Size Guide), delivered as a Component URL.

- Sizes as rows with a note and a highlight for the size most people take; measurements as columns with a per-column switch for values that should not convert (ages, ratings).

- A component slot per size, so a CMS collection drives the chart directly.

- Free updates.

How it behaves

- A real table with a caption and row/column headers; on phones the same table becomes one card per size, CSS only.

- cm/in toggle inside the component: two buttons with pressed state, no storage, no URL change. Single values and ranges convert; anything else stays as written.

- Nothing moves: no observers, no scroll listeners, no transitions. The chart renders finished on first paint and on the Framer canvas.

- Optional "How to measure" notes as a numbered list; empty state text instead of a blank frame.

- Self-contained: no page scripts, no host-page DOM access, no external requests.

Requirements: any Framer project. No plugins, no external libraries.