Help your users choose the right plan faster with this clean, mobile-friendly features comparison table.Show your features side by side with clear checkmarks that make features easy to scan. Built for clarity and conversion, it looks great on desktop and scrolls smoothly on mobile without cutting off content.
Ideal for SaaS landing pages, pricing pages, and product websites.
Add to Your Page: Copy the component and paste it onto your page.
Set Responsive Layout• Desktop: set a fixed width• Tablet & Mobile: set width to Fill so horizontal scrolling works correctly
Plan Names: Update “Starter,” “Professional,” and “Enterprise” to match your own subscription tiers.
Feature Rows: Click on any feature name to rename it according to your plan offerings.
Checkmarks & Xs: These indicate availability per plan. You can toggle visibility using the component properties panel.
Colors & Styles: Use the properties panel to customize colors to match your branded look.
Preview & Publish: Click Preview to see it live. Your features comparison table is ready.
Three Plan Columns: Starter, Professional, and Enterprise layouts included—rename or replace them in seconds.
Clear Feature Comparison: Simple yes/no checkmarks make it easy to see what’s included in each plan.
Mobile Horizontal Scroll: Smooth swipe interaction on smaller screens so nothing gets cut off.
Easy to Update: Change plan names, features, or availability without touching code.
Framer Essentials
