
Shopify Backend.
Framer Design.

Use your component
Design your own components and seamlessly integrate with Shopify using advanced reference nodes.

Vertical Media Carousel
Vertical product gallery with zoom, thumbnails & variant sync

Slider Media Carousel
Horizontal slider with arrows, zoom, thumbnails & variant sync

Universal Variant Picker
Flexible picker for size, style, theme & custom product options

Color Picker
Visual color swatches to select and switch product variants

Variant-Based Filter
Filter product listings instantly by selected variants

Price Sort Controller
Sort products by price: low to high or high to low

Dynamic Product Price
Auto-updating price display for regular & sale variants

CMS Wrapper
Reference container for CMS list pagination & filters

Cart Item Counter
Live cart quantity indicator that updates in real time

Cart State Controller
Switches between empty and filled cart UI automatically.

Cart Product List
Editable cart items list with quantity and remove controls

Cart Total Price
Real-time total cart value before shipping and taxes

Checkout Button
Customizable button to launch Shopify checkout instantly

Add to Cart Button
Adds available product variant to cart instantly

Clear Cart Button
Remove all items from the cart instantly with one click.

Shopify Profile Redirect
Seamlessly redirect users to their Shopify profile for quick access.
View templates
FramePic
What We’re Building Next
Our journey from beta to full release, shaped by your feedback.
Beta
In Progress
Search Store
User Account
Qty. Selector
Quick Buy Button
Shop Pay
Planned
Upcoming
Connect Framerfy to Shopify in minutes.
Frequently Asked Questions
We've answered some of the most common questions below. Still curious?
Our support team is just a message away, always happy to help.

Build scalable, high-performance storefronts using custom components, reference nodes, and a workflow that feels native to Framer.
Subscribe to our newsletter
© 2026 Framerfy. Made by TheDesignMVP. All rights reserved.








