PricingTicket

Show Preview
PricingTicket
PricingTicket

About PricingTicket

Summary Paragraph PricingTicket turns a pricing table into three torn receipt tickets: tilted, staggered, scalloped at the edges. Middle sits upright and forward while Left and Right lean away.

About Component

  • Scalloped edges built with a CSS mask, no image assets

  • Left, Middle, Right variants, each with its own tilt and drop

  • Middle sits in front and upright while sides lean back

  • Auto labels: Recommended on Middle, Limited Slots on Right

  • Label mode can be overridden per instance

  • Spring hover animation lifts the card and straightens the tilt

  • Editable feature list, independent fonts, full color system

What's Included

  • One component covers all three positions via one Variant control

  • Auto and manual label modes built in

  • Full property panel: colors, fonts, copy, link, tilt, offset

  • Zero-config default styling, ready to drop on canvas

How It Works

  1. Drop three instances onto your canvas

  2. Set each instance's Variant to Left, Middle or Right

  3. Edit name, price, features and link per instance

Use Cases

  • SaaS pricing pages

  • Membership or newsletter tiers

  • Course and digital product pricing

  • Agency service packages

  • Subscription tier sections

  • Event ticket pricing pages

Keywords pricing card, pricing table, receipt style, torn paper, scalloped edge, framer motion, hover animation, saas pricing, subscription pricing, three tier pricing, property controls, framer code component, recommended badge

Refund Policy Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details and the live preview carefully before purchasing.

Support If you experience any issues or need help customising the component, reach out within 3 business days of your purchase. Email: framercore@siddhantbaghel.art