Tierly

Tierly is an interactive pricing component for Framer, built for SaaS products, startups, and subscription websites.

Let visitors switch between monthly and yearly billing, adjust their team size, and see prices update with smooth rolling animations. Display annual savings automatically and highlight your recommended plan with a gently pulsing badge.

What’s included

• Up to three customizable pricing cards.

• Monthly and yearly billing options.

• Team-size calculator and fixed-price mode.

• Built-in light and dark mode switch. Can be removed if you want

• Cursor-following glow, subtle card tilt, and button shine.

• Editable plan names, descriptions, included features, and button links.

• Custom colors, typography, currency, and number formatting.

• Responsive layouts for desktop, tablet, and mobile.

Adjust the settings directly in Framer’s property panel to match your website. Connect each plan’s button to your own checkout, signup, or contact page.

Tierly displays and calculates pricing; payment processing is handled by your checkout provider.