Pricing Service Deck

Pricing Service Deck is a Framer component for presenting pricing plans, services, and included features in an interactive 3D card experience. Each card combines pricing, service details, badges, imagery, and calls to action in a polished responsive layout.

Built for SaaS, agencies, freelancers, studios, consultants, and service businesses, Pricing Service Deck makes it easy to showcase what each plan includes while keeping the experience engaging and visually dynamic.

Key Features

• Interactive 3D Flip Cards — Flip cards to reveal included services and additional details.

• Monthly & Yearly Pricing — Add separate monthly and yearly prices with a built-in billing toggle.

• Flexible Service Lists — Easily add, remove, and reorder included services or features for each card.

• Featured Plans — Highlight important plans with customizable featured badges and optional lift effects.

• Multiple Card Layouts — Choose between standard, image-first, and badge-focused layouts.

• Custom Images & Icons — Add images, service icons, custom SVGs, and visual elements to each card.

• Customizable Buttons — Add CTA links with filled, outline, or ghost button styles and animated arrow interactions.

• Responsive Design — Optimized desktop and mobile experiences with touch-friendly card interactions.

• GSAP Scroll Animation — Smooth scroll-driven card stacking and animation with adjustable duration, stagger, and scrub settings.

• Full Visual Control — Customize colors, typography, card dimensions, spacing, borders, shadows, and themes for the front and back of each card.

• Accessibility Friendly — Includes keyboard interactions, accessible controls, screen-reader announcements, and reduced-motion support.

Create a pricing section that does more than display numbers—turn your plans and services into an interactive experience that feels polished, modern, and ready for production.