Cartique is a premium animated shopping button for Framer, designed for modern e-commerce pages, product landing pages, pricing cards, checkout flows, and digital product CTAs.

The component combines a clean add-to-cart button with a polished cart icon, optional price pill, optional sub label, smart cart counter, hover shine, click feedback, fly-item animation, pulse effect, and success state. The cart counter starts hidden by default and only appears after an item has actually been added, making the button feel more realistic and conversion-focused.

Cartique is fully customizable through Framer Property Controls. You can adjust the label, success label, sub label, price, link, icon side, counter behavior, colors, radius, shadows, spacing, font sizes, animations, and visual effects directly inside Framer.

Features:

• Premium animated add-to-cart button

• Smart cart counter that appears after click

• Optional price pill

• Optional sub label

• Success state with check icon

• Cart icon microinteraction

• Fly-item add-to-cart animation

• Shine, pulse, and bottom-bar effects

• Left or right cart icon position

• Safe link handling

• Focus-visible accessibility styling

• Responsive width and height support

• Fully customizable with Framer Property Controls

Typical Use Cases:

• Product page add-to-cart buttons

• E-commerce landing pages

• Checkout CTAs

• Pricing card purchase buttons

• Digital product sales pages

• Shopify-style product sections

• Hero section shopping CTAs