PricingAddons

three to nine extras told equally on a pricing page: one ruled row each in a single panel, the price and a small button at the end; the merchant’s own prices only

role: conversion pages: landing, pricing motion: micro

Install

npx shadcn-vue@latest add @trame/landing-pricing-addons   # Vue
npx shadcn@latest add @trame/landing-pricing-addons       # React

rows

@trame/landing-pricing-addons--rows

three to nine extras told equally on a pricing page: one ruled row each in a single panel, the price and a small button at the end; the merchant’s own prices only

featured-and-rows

@trame/landing-pricing-addons--featured-and-rows

a few extras that matter most and a tail of smaller ones: the first two or three as tinted cards, the rest as compact rows in the same frame; the merchant’s own prices only

chips-under-plans

@trame/landing-pricing-addons--chips-under-plans

a slim band right under the plans, when the extras are a footnote to the offer: the title at the left, each extra a price pill that opens its sentence; the merchant’s own prices only