Blocko

Top 43 Navigation Sections for Shopify (Updated Oct 2026)

Blocko has 43 free navigation sections for Shopify Online Store 2.0, from 15 themes across beauty. 42 ship as Shopify Liquid with merchant settings; 28 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
1Mobile drawer menuBalmBeautyLiquid + HTML0 KB2
2Predictive searchBalmBeautyLiquid + HTML0 KB3
3Mobile drawer menuBareBeautyLiquid + HTML0 KB2
4Predictive searchBareBeautyLiquid + HTML0 KB3
5Mobile drawer menuBlushBeautyLiquid + HTML0 KB2
6Predictive searchBlushBeautyLiquid + HTML0 KB3
7Mobile drawer menuClipBeautyLiquid + HTML0 KB2
8Predictive searchClipBeautyLiquid + HTML0 KB3
9Mobile drawer menuDewBeautyLiquid + HTML0 KB2
10Predictive searchDewBeautyLiquid + HTML0 KB3
11Mobile drawer menuIsleBeautyLiquid + HTML0 KB2
12Predictive searchIsleBeautyLiquid + HTML0 KB3
13Mobile drawer menuLatherBeautyLiquid + HTML0 KB2
14Predictive searchLatherBeautyLiquid + HTML0 KB3
15Mobile drawer menuPrismBeautyLiquid + HTML0 KB2
16Predictive searchPrismBeautyLiquid + HTML0 KB3
17Mobile drawer menuShelfBeautyLiquid + HTML0 KB2
18Predictive searchShelfBeautyLiquid + HTML0 KB3
19Mobile drawer menuStubbleBeautyLiquid + HTML0 KB2
20Predictive searchStubbleBeautyLiquid + HTML0 KB3

Navigation sections

Frequently asked questions

What are the best navigation sections for Shopify?

Blocko lists 43 free, MIT-licensed navigation sections 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 Mobile drawer menu from Balm comes first.

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

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

How much JavaScript do these navigation sections ship?

28 of 43 ship 0 KB of JavaScript. The heaviest is Editorial mega menu in Balm at 8.3 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Filter by page type

Where these navigation sections are used.

Other sections

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