A fully configurable SaaS comparison table for Framer — no code required from you.
Drop it in, open the property panel, and configure everything: 2 or 3 plans, custom plan names, a highlighted "Most Popular" badge, accent colors, and unlimited feature rows.
Cell values follow a dead-simple convention: type true → renders ✓ | type false → renders ✗ | type anything else → renders as text. Mix them freely per row — no constraints, no workarounds.
Configurable from the panel:
Plan count (2 or 3)
Plan names
Highlight plan + badge label
All colors (background, header, border, accent, text)
Feature rows — unlimited, via Array control
Engineering:
Pure React — no external libraries, no framer-motion
Fixed-width container: zero layout shift guaranteed
Static-renderer gated: smooth Framer canvas performance
Single .tsx file, no setup, no API keys
Built for SaaS landing pages, pricing sections, and product comparison tables on Framer.
A fully configurable SaaS comparison table for Framer — no code required from you.
Drop it in, open the property panel, and configure everything: 2 or 3 plans, custom plan names, a highlighted "Most Popular" badge, accent colors, and unlimited feature rows.
Cell values follow a dead-simple convention: type true → renders ✓ | type false → renders ✗ | type anything else → renders as text. Mix them freely per row — no constraints, no workarounds.
Configurable from the panel:
Plan count (2 or 3)
Plan names
Highlight plan + badge label
All colors (background, header, border, accent, text)
Feature rows — unlimited, via Array control
Engineering:
Pure React — no external libraries, no framer-motion
Fixed-width container: zero layout shift guaranteed
Static-renderer gated: smooth Framer canvas performance
Single .tsx file, no setup, no API keys
Built for SaaS landing pages, pricing sections, and product comparison tables on Framer.
