Framer: Credit-based pricing tiers with feature comparison matrix

Design · Pricing

Dark four-column pricing layout (Free, Basic, Pro, Enterprise) anchored by a hero headline and monthly/yearly billing toggle, followed by an expansive scrollable feature-comparison table grouped into sections and a centered FAQ accordion. Hierarchy moves from plan cards with bulleted feature lists and CTAs down into granular row-by-row plan comparison.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/framer-credit-based-pricing-tiers-with-feature-comparison-matrix.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Framer

More from Framer

• Feature — Multi-feature showcase with agent-powered design system
• Feature — AI agents with multi-screen workspace showcase
• AI website builder dark landing page
• AI website builder product features overview
• Feature — Community-powered feature showcase with sidebar navigation
• Feature — Community-driven platform dashboard with sidebar navigation
• Logo Wall — Customer logo grid on dark background
• Hero — AI website builder hero with product embed
• Gallery / Showcase — Portfolio template grid showcase with pricing
• Navbar — Framer — Global Navbar
• Login — Framer — Login
• Gallery / Showcase — Template grid gallery with pricing and engagement metrics