---
title: "Add To Cart — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Cyris · Buttons. A premium Add to Cart button designed with smooth micro-interactions and responsive feedback."
canonical: "https://framer.elliotli.dev/component/add-to-cart"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Add To Cart

# Add To Cart

Add to Cart with smart animations

[View on Framer](https://framer.com/marketplace/components/add-to-cart/?via=elliot-li)

![Add To Cart preview image 1](https://framer.elliotli.dev/og/component/add-to-cart/31d0fd28ebe85ab2/1600x1200.jpg)

## Summary

A premium Add to Cart button designed with smooth micro-interactions and responsive feedback.

## Description

A premium Add to Cart button designed with smooth micro-interactions and responsive feedback. It features a dynamic cart icon with bounce and rotation, along with a smart badge counter.

The unique explosion effect from the badge enhances visual engagement. Fully customizable and perfect for modern ecommerce interfaces.

Features:

-   Cart icon bounce and rotation on click
    
-   Fully customizable particles (position, size, color, count, spread)
    
-   Clean layering with background depth effect
    
-   Easy customization via properties panel
    

Perfect for:

-   Ecommerce product pages
    
-   Interactive UI elements
    
-   Modern landing pages
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10948

## Details

- **Author**: Cyris
- **Price**: $5.00
- **Published**: 2026-04-08
- **Updated**: 2026-04-08
- **Added**: 2026-03-22
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything