SaaS Feature Table

Configure plans & colors. No deps.

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.