Blocko

Top 44 Filters and Sorting Blocks for Shopify (Updated Oct 2026)

Blocko has 44 free filters and sorting blocks for Shopify Online Store 2.0, from 15 themes across beauty. 42 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. Showing items 21 to 40.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
21Active filter chipsClipBeautyLiquid + HTML8.3 KB1
22Sort dropdownClipBeautyLiquid + HTML8.3 KB4
23Active filter chipsDewBeautyLiquid + HTML8.3 KB1
24Sort dropdownDewBeautyLiquid + HTML8.3 KB4
25Active filter chipsIsleBeautyLiquid + HTML8.3 KB1
26Sort dropdownIsleBeautyLiquid + HTML8.3 KB4
27Active filter chipsLatherBeautyLiquid + HTML8.3 KB1
28Sort dropdownLatherBeautyLiquid + HTML8.3 KB4
29Active filter chipsPrismBeautyLiquid + HTML8.3 KB1
30Sort dropdownPrismBeautyLiquid + HTML8.3 KB4
31Active filter chipsShelfBeautyLiquid + HTML8.3 KB1
32Sort dropdownShelfBeautyLiquid + HTML8.3 KB4
33Active filter chipsStubbleBeautyLiquid + HTML8.3 KB1
34Sort dropdownStubbleBeautyLiquid + HTML8.3 KB4
35Active filter chipsTideBeautyLiquid + HTML8.3 KB1
36Sort dropdownTideBeautyLiquid + HTML8.3 KB4
37Active filter chipsTintBeautyLiquid + HTML8.3 KB1
38Sort dropdownTintBeautyLiquid + HTML8.3 KB4
39Active filter chipsTwistBeautyLiquid + HTML8.3 KB1
40sort dropdownTwistBeautyLiquid + HTML8.3 KB4

Filters and Sorting blocks

#22

Sort dropdown

  • Clip
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#24

Sort dropdown

  • Dew
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#26

Sort dropdown

  • Isle
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#28

Sort dropdown

  • Lather
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#30

Sort dropdown

  • Prism
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#32

Sort dropdown

  • Shelf
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#34

Sort dropdown

  • Stubble
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#36

Sort dropdown

  • Tide
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#38

Sort dropdown

  • Tint
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

#40

sort dropdown

  • Twist
  • Beauty
  • Shopify-ready

Native sort control for a collection grid.

8.3 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category filters

Live demo Details Open in browser

Frequently asked questions

What are the best filters and sorting blocks for Shopify?

Blocko lists 44 free, MIT-licensed filters and sorting blocks from 15 themes. 42 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 Filter chip from Balm comes first.

Are these filters and sorting 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 filters and sorting 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 filters and sorting blocks cover?

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

How much JavaScript do these filters and sorting blocks ship?

0 of 44 ship 0 KB of JavaScript. The heaviest is Active filter chips in Balm at 8.3 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