The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Pricing doesn't have to be just a list of plans and prices.
I wanted to make something more flexible — a pricing card that can adapt to different products and pricing models.
Meet Pricing Card, a Framer component that lets you switch between plans, calculate prices with interactive sliders, and customize almost every visual detail.
You can use it for simple subscription plans or build more advanced pricing calculators. Add up to three cards together to create a complete pricing section.
I focused on making it flexible without making it complicated to use.
A flexible starting point for your next pricing section.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Logistics & Supply Chain Website Design
A modern logistics website concept designed for transportation, freight, and supply chain companies. The design focuses on building trust, showcasing services, streamlining shipment management, and improving customer engagement through a clean, professional, and conversion-focused user experience.
Strong hero!
When a section relies on animation, I now prototype it in Figma motion instead of writing it out. A simple prototype gives the client and the developer the same clear reference: less back and forth, more precise feedback and a smoother build. Here’s the hero animation for a recent landing page, shown as a working prototype.
Creative work
A fashion storefront needs to show the outfit and make its individual pieces easy to find.
For FORM, I paired a warm, editorial lookbook with clearly grouped product names, prices, and size choices.
Cream surfaces, charcoal typography, and consistent product cards connect the homepage with the desktop and mobile screen concepts.
One useful design principle from this project: give campaign imagery and shopping details their own readable zones. The collection can have a strong visual presence while the next product decision stays clear.
Explore the complete design case study:
https://contra.com/p/rNPRqooQ-form-fashion-e-commerce-website-design
When exploring a clothing collection, what helps you most: a styled outfit or an individual product grid?
Adorable