pricingSections
Compare two plans by hiding what matches
A three plan comparison table with a differences only switch: turning it on collapses every row whose value matches between the two chosen plans down to zero height in a cascading animation, leaving only what sets them apart with the distinct cells highlighted, and a counter lets you bring the hidden rows back. The two plans being compared are chosen from selectors in the table headers.
See it live and copy its promptWhat you can adjust
- Accent color
- Highlight opacity
- Table radius
- Fold duration
- Delay between rows
- Demo cycle duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
