Blocko

Top 28 Cart Drawer Sections for Shopify (Updated Oct 2026)

Blocko has 28 free cart drawer sections for Shopify Online Store 2.0, from 14 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 sections by type to compare other kinds. Not affiliated with Shopify.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
1Cart drawerBalmBeautyLiquid + HTML0.6 KB2
2Cart drawerBareBeautyLiquid + HTML0.6 KB2
3Cart drawerBlushBeautyLiquid + HTML0.6 KB2
4Cart drawerClipBeautyLiquid + HTML0.6 KB2
5Cart drawerDewBeautyLiquid + HTML0.6 KB2
6Cart drawerIsleBeautyLiquid + HTML0.6 KB2
7Cart drawerLatherBeautyLiquid + HTML0.6 KB2
8Cart drawerPrismBeautyLiquid + HTML0.6 KB2
9Cart drawerShelfBeautyLiquid + HTML0.6 KB2
10Cart drawerStubbleBeautyLiquid + HTML0.6 KB2
11Cart drawerTideBeautyLiquid + HTML0.6 KB2
12Cart drawerTintBeautyLiquid + HTML0.6 KB2
13Cart drawerTwistBeautyLiquid + HTML0.6 KB2
14Cart drawerVeilBeautyLiquid + HTML0.6 KB2
15Cart drawer previewBalmBeautyLiquid + HTML8.2 KB12
16Cart drawer previewBareBeautyLiquid + HTML8.2 KB12
17Cart drawer previewBlushBeautyLiquid + HTML8.2 KB12
18Cart drawer previewClipBeautyLiquid + HTML8.2 KB12
19Cart drawer previewDewBeautyLiquid + HTML8.2 KB12
20Cart drawer previewIsleBeautyLiquid + HTML8.2 KB12

Cart Drawer sections

#1

Cart drawer

  • Balm
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#2

Cart drawer

  • Bare
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#3

Cart drawer

  • Blush
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#4

Cart drawer

  • Clip
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#5

Cart drawer

  • Dew
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#6

Cart drawer

  • Isle
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#7

Cart drawer

  • Lather
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#8

Cart drawer

  • Prism
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#9

Cart drawer

  • Shelf
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#10

Cart drawer

  • Stubble
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#11

Cart drawer

  • Tide
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#12

Cart drawer

  • Tint
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#13

Cart drawer

  • Twist
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#14

Cart drawer

  • Veil
  • Beauty
  • Shopify-ready

Slide-in cart review with quantity controls.

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

Live demo Details Open in browser

#15

Cart drawer preview

  • Balm
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

#16

Cart drawer preview

  • Bare
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

#17

Cart drawer preview

  • Blush
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

#18

Cart drawer preview

  • Clip
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

#19

Cart drawer preview

  • Dew
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

#20

Cart drawer preview

  • Isle
  • Beauty
  • Shopify-ready

Expanded drawer composition with a threshold bar and concise recommendation.

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

Live demo Details Open in browser

Frequently asked questions

What are the best cart drawer sections for Shopify?

Blocko lists 28 free, MIT-licensed cart drawer sections from 14 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 Cart drawer from Balm comes first.

Are these cart drawer sections 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 sections 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 section should go before it changes any code.

Which industries do these cart drawer sections cover?

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

How much JavaScript do these cart drawer sections ship?

0 of 28 ship 0 KB of JavaScript. The heaviest is Cart drawer preview in Balm at 8.2 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Other sections

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