---
title: "Aisol Plan Table — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Aisol Studio · Sections. Aisol Plan Table puts your pricing in one component: plan cards, a monthly/yearly switch and a feature matrix that share the same state."
canonical: "https://framer.elliotli.dev/component/aisol-plan-table"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Aisol Plan Table

# Aisol Plan Table

Plans, a switch and a matrix

[View on Framer](https://framer.com/marketplace/components/aisol-plan-table/?via=elliot-li)

![Aisol Plan Table preview image 1](https://framer.elliotli.dev/og/component/aisol-plan-table/2832cbbf6fda11b3/1600x1200.jpg)

## Summary

Aisol Plan Table puts your pricing in one component: plan cards, a monthly/yearly switch and a feature matrix that share the same state.

## Description

Aisol Plan Table puts your pricing in one component: plan cards, a monthly/yearly switch and a feature matrix that share the same state. It only ever renders inside its own frame and never reads or changes the rest of your page.

WHY IT IS DIFFERENT: The switch and the highlighted plan live in the URL (?billing=yearly&plan=pro), so sales can send a link that opens exactly what they promised. Drop your own card into any plan slot (a section you designed, or a CMS-bound card) and the component keeps the switch and the matrix in sync around it. The matrix compares up to 4 plans, takes yes / no / any text per cell, and carries an optional hint on each row.

HOW TO USE: Fill the Plans array (name, monthly and yearly price, period, blurb, CTA + link, badge, highlight) or connect a component instance to a plan slot. Fill the Features array (label, optional hint, a value per plan). Set the switch labels and save badge, pick the deep-link params, and choose the highlighted plan. Canvas billing and Canvas highlight control the thumbnail state on the Framer canvas.

KEY FEATURES: Monthly / yearly switch with a save badge and instant price swap. Feature matrix with sticky feature column and active plan highlight. Deep links with replaceState (back button stays clean) and restore on load. Phones: cards stack with the highlighted plan first, the matrix scrolls sideways. Accessibility: role=switch with aria-checked and keyboard support, hint buttons with aria-expanded / aria-describedby, Esc closes a hint. Respects prefers-reduced-motion. Static-renderer safe.

Pairs with the free Duo Pricing Toggle. More components by Aisol Studio: search "Aisol" in the Marketplace.

-   Part of the Aisol Course Site Kit -
    
-   Get this plus the curriculum accordion, event list, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #8567

## Details

- **Author**: Aisol Studio
- **Price**: $8.00
- **Published**: 2026-08-29
- **Updated**: 2026-10-03
- **Added**: 2026-08-29
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove