A feature comparison table and pricing comparison table for Framer, written as plain lines of text.
First line is the header row, then one line per feature: the feature name and one cell per plan. A cell reading yes, no or a dash draws an icon; anything else renders as text. A second field holds the call to action labels and a third their links.
Highlight any column with a badge you write. Sticky header, zebra rows, tick and cross colours, header and highlight backgrounds, radius, cell padding and font are controls.
The part that is hard to build by hand: below a width you set, the table stops being a table and becomes one card per plan, with each feature named next to its own value. It measures the component's own box rather than the browser window, so it stacks correctly inside a narrow column on a wide screen, which a media query cannot do.
After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.
Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev
A feature comparison table and pricing comparison table for Framer, written as plain lines of text.
First line is the header row, then one line per feature: the feature name and one cell per plan. A cell reading yes, no or a dash draws an icon; anything else renders as text. A second field holds the call to action labels and a third their links.
Highlight any column with a badge you write. Sticky header, zebra rows, tick and cross colours, header and highlight backgrounds, radius, cell padding and font are controls.
The part that is hard to build by hand: below a width you set, the table stops being a table and becomes one card per plan, with each feature named next to its own value. It measures the component's own box rather than the browser window, so it stacks correctly inside a narrow column on a wide screen, which a media query cannot do.
After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.
Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev
