Blocko

Top 30 Cart Drawer Blocks for Shopify (Updated Oct 2026)

Blocko has 30 free cart drawer blocks for Shopify Online Store 2.0, from 15 themes across beauty. 28 ship as Shopify Liquid with merchant settings; 0 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.

The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all blocks by type to compare other kinds. Not affiliated with Shopify.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
1Drawer shipping progressBalmBeautyLiquid + HTML7.3 KB6
2Drawer shipping progressBareBeautyLiquid + HTML7.3 KB6
3Drawer shipping progressBlushBeautyLiquid + HTML7.3 KB6
4Drawer shipping progressClipBeautyLiquid + HTML7.3 KB6
5Drawer shipping progressDewBeautyLiquid + HTML7.3 KB6
6Drawer shipping progressIsleBeautyLiquid + HTML7.3 KB6
7Drawer shipping progressLatherBeautyLiquid + HTML7.3 KB6
8Drawer shipping progressPrismBeautyLiquid + HTML7.3 KB6
9Drawer shipping progressShelfBeautyLiquid + HTML7.3 KB6
10Drawer shipping progressStubbleBeautyLiquid + HTML7.3 KB6
11Drawer shipping progressTideBeautyLiquid + HTML7.3 KB6
12Drawer shipping progressTintBeautyLiquid + HTML7.3 KB6
13Drawer shipping progressTwistBeautyLiquid + HTML7.3 KB6
14Drawer shipping progressVeilBeautyLiquid + HTML7.3 KB6
15Drawer upsellBalmBeautyLiquid + HTML8.2 KB4
16Drawer upsellBareBeautyLiquid + HTML8.2 KB4
17Drawer upsellBlushBeautyLiquid + HTML8.2 KB4
18Drawer upsellClipBeautyLiquid + HTML8.2 KB4
19Drawer upsellDewBeautyLiquid + HTML8.2 KB4
20Drawer upsellIsleBeautyLiquid + HTML8.2 KB4

Cart Drawer blocks

#15

Drawer upsell

  • Balm
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

#16

Drawer upsell

  • Bare
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

#17

Drawer upsell

  • Blush
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

#18

Drawer upsell

  • Clip
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

#19

Drawer upsell

  • Dew
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

#20

Drawer upsell

  • Isle
  • Beauty
  • Shopify-ready

Compact recommendation block designed for a cart drawer.

8.2 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category cart-drawer

Live demo Details Open in browser

Frequently asked questions

What are the best cart drawer blocks for Shopify?

Blocko lists 30 free, MIT-licensed cart drawer blocks from 15 themes. 28 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Drawer shipping progress from Balm comes first.

Are these cart drawer blocks free to use?

Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.

How do I add one of these cart drawer blocks to my Shopify store?

Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the block should go before it changes any code.

Which industries do these cart drawer blocks cover?

Beauty. Every industry with at least three matching items has its own list.

How much JavaScript do these cart drawer blocks ship?

0 of 30 ship 0 KB of JavaScript. The heaviest is Drawer upsell in Balm at 8.2 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Other blocks

Markdown version for agents · Browse the full library · Connect your agent