Blocko

Top 33 Collection List Sections for Shopify (Updated Oct 2026)

Blocko has 33 free collection list sections for Shopify Online Store 2.0, from 15 themes across beauty. 31 ship as Shopify Liquid with merchant settings; 17 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. Showing items 21 to 33.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
21Collection directoryClipBeautyLiquid + HTML8.3 KB8
22Collection directoryDewBeautyLiquid + HTML8.3 KB8
23Collection directoryIsleBeautyLiquid + HTML8.3 KB8
24Collection directoryLatherBeautyLiquid + HTML8.3 KB8
25Collection directoryPrismBeautyLiquid + HTML8.3 KB8
26Collection directoryShelfBeautyLiquid + HTML8.3 KB8
27Collection directoryStubbleBeautyLiquid + HTML8.3 KB8
28Collection directoryTideBeautyLiquid + HTML8.3 KB8
29Collection directoryTintBeautyLiquid + HTML8.3 KB8
30Collection directoryTwistBeautyLiquid + HTML8.3 KB8
31Collection directoryVeilBeautyLiquid + HTML8.3 KB8
32Collections directoryTressBeautyHTML only4.4 KBn/a
33Shop by categoryTressBeautyHTML only4.4 KBn/a

Collection List sections

#21

Collection directory

  • Clip
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#23

Collection directory

  • Isle
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#24

Collection directory

  • Lather
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#25

Collection directory

  • Prism
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#26

Collection directory

  • Shelf
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#27

Collection directory

  • Stubble
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#28

Collection directory

  • Tide
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#29

Collection directory

  • Tint
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#30

Collection directory

  • Twist
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

#31

Collection directory

  • Veil
  • Beauty
  • Shopify-ready

Image-led directory of the main beauty collection families.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 8 Theme Editor settings · category collection-list

Live demo Details Open in browser

Frequently asked questions

What are the best collection list sections for Shopify?

Blocko lists 33 free, MIT-licensed collection list sections from 15 themes. 31 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 Category slider from Balm comes first.

Are these collection list 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 collection list 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 collection list sections cover?

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

How much JavaScript do these collection list sections ship?

17 of 33 ship 0 KB of JavaScript. The heaviest is Collection directory in Balm at 8.3 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Filter by page type

Where these collection list sections are used.

Other sections

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