PricingCardPro adds a fully customizable dynamic pricing card to your Framer projects. Drop it into a pricing page, a landing page, or a checkout section and let visitors see exactly what they get before they buy. Choose between light and dark modes, pick your accent colors, and enjoy a responsive layout that tilts beautifully with user interaction.
Renders a clean pricing container, handles dark mode toggles, and supports multi item feature lists. The component lets you customize text, currencies, and billing periods, and includes an interactive tilt effect that reacts to mouse movement. It also features a customizable Call To Action button with direct link integration so visitors can convert instantly.
Card settings: Toggle dark mode on or off, set custom plan names, change the price and currency, edit the billing period text, and add up to 6 custom feature items.
Layout & effects: Adjust the background visibility, tweak the mouse tilt intensity, customize border radius sharpness, and control shadow intensity and colors.
Fonts & styling: Change individual text colors for plan names, prices, currencies, billing periods, and features. You can also pick specific fonts for the plan, price, features, and buttons to match your brand style.
SaaS and product landing pages
Agency and portfolio service sections
Subscription or premium membership pages
E-commerce and digital product stores
Startup launch pages
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
