The Frameship UI Kit is a library of pages, sections and components you can use to build your next ecommerce website in Framer, powered by Shopify.

Get the UI kit for free here.

Today we're launching two new features for creators and builders using Frameship to design and ship Shopify stores with Framer: a template marketplace and experts program with Contra.

The template marketplace is launching with 14 templates from talented designers in the community. If you're a template creator, you can apply to get your templates listed on the marketplace here and start making money with Frameship. These templates are also available right inside the Framer plugin, making them more discoverable to potential customers.

We've also partnered with Contra to create an experts program. You can join the experts program to get freelance clients building ecommerce stores with Frameship. Most designers in the experts program are also Framer experts.

The cart button component now has a badge that shows the number of items in the cart. You can customize everything on the badge, such as colors, font, and position, or remove it if you prefer not to show a badge.

This update adds support for syncing SKU and Barcode from Shopify products, plus the ability to display the selected variant's name, SKU or barcode on product pages and in cart items.

Changes:

• You can now sync SKU and Barcode from Shopify products.

• Product Info Label can now display the selected variant's name, SKU or barcode. This can be used on product pages or inside cart items.

• Removed the ability to localize component variables that shouldn't be localized.

• Fixed a bug causing product images to not appear in the cart when all products in the CMS only had one image.

In this update, we added three new Framer components for building ecommerce stores:

• CMS Item Counter: display the number of items in a CMS collection on your site.

• Before & After Image Slider: add an interactive image slider showing before and after images.

• Payment Card Logos: optimize conversion rates by showing payment methods before checkout.

You can find them on the "Components" page in the Frameship plugin.

You can now sync the Vendor and Category fields on Shopify products with your CMS collection. This is one of many updates we've been releasing to make syncing Shopify products with Framer more powerful and versatile for every ecommerce store creator.

This update features improvements to the Image Gallery and other components in Frameship.

Improvements:

• Image gallery component now supports up to 10 images.

• You can now customize the radius, borders, gap and direction of your image gallery without unlinking the component.

• Added a text transform option to the variant selector to make your variant titles and button capitalized, uppercase or lowercase.

Bug Fixes:

• The cart info label now shows the total number of items in the cart including the quantity of items.

• Fixed the quantity input showing up and down arrows on Firefox.