Components

Displays products in the cart

Switches empty/populated cart

Shows only just-added items

Sends customer to checkout

Empties the cart in one click

Closes the cart overlay

Opens your cart overlay

Adds now, cart line optional

Applies the discount code

Removes discount in chip

Discount code text in chip

Displays active discount chips

Discount code entry field

Amount saved per discount

Counter of items in cart

Subtotal (after discounts)

Subtotal (before discounts)

Total savings from discounts

Spend remaining for reward

Progress bar to next reward

State based on cart conditions

Displays cart-specific data

Removes item from cart

Free-text cart attribute field

Preset gift-note toggle

Products, Favs, Recently Viewed

Saves product to favorites

Clears all favorites

Shows or hides by favorites

Filter button per property

Removes filter chip

Filter label inside a chip

Chips for active filters

Count of active filters

Clears all active filters

Filter title or value text

Load more or prev/next nav

Count of returned products

Opens search results page

Live product search field

Single sort-order button

Sort order dropdown

Displays the sort selection

Empty design for no search results

Text field input per product

Preset order attribute toggle

Media gallery prev/next nav

Media gallery position text

Dot indicators for media

Scrollbar for media gallery

Swipeable product media

Media for selected variant

Fixed product gallery media

Shows variant metafield media

Product/variant's price

Struck-through compare price

Discount percent or amount

Add to Cart / Buy Now button

Adds first available variant

Straight to Shop Pay checkout

Shows content by variant

Counts a variant's values

Shows variant metafield text

Prompts for required options

Shows the selected variant value

Buttons, dropdown, or swatches

Shows one variant's value

Bundles add-on with purchase

Custom-designed quantity buttons

Quantity picker dropdown

Numeric quantity display & input

Plus/minus quantity stepper

Dynamic rating bar display

Dynamic star rating display

Embeds Judge.me reviews

Embeds Loox reviews

Product/variant inventory count

Unique states per inventory level

Shows content by selected plan

Delivery-frequency control

Subscription or one-time picker

Subscription title / description

Shows current market

Switches to one market

Content shown by market

Full market picker dropdown

Shows a country flag

Toggles between two markets

Swipeable product carousel

Prev/next arrows

Page indicator dots

Draggable scrollbar

Clears view history

Shows or hides by view history

Color/image swatch (metaobject)

For accessibility/screen readers

Storefront toast notification

Makes a component react to a button

Button that controls another component

Fires a Framer event to dismiss

Fires a Framer event to trigger

Shows or hides by recipe match