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. Showing items 21 to 40.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
21Mobile drawer menuTideBeautyLiquid + HTML0 KB2
22Predictive searchTideBeautyLiquid + HTML0 KB3
23Mobile drawer menuTintBeautyLiquid + HTML0 KB2
24Predictive searchTintBeautyLiquid + HTML0 KB3
25Mobile drawer menuTwistBeautyLiquid + HTML0 KB2
26Predictive searchTwistBeautyLiquid + HTML0 KB3
27Mobile drawer menuVeilBeautyLiquid + HTML0 KB2
28Predictive searchVeilBeautyLiquid + HTML0 KB3
29Editorial mega menuBalmBeautyLiquid + HTML8.3 KB3
30Editorial mega menuBareBeautyLiquid + HTML8.3 KB3
31Editorial mega menuBlushBeautyLiquid + HTML8.3 KB3
32Editorial mega menuClipBeautyLiquid + HTML8.3 KB3
33Editorial mega menuDewBeautyLiquid + HTML8.3 KB3
34Editorial mega menuIsleBeautyLiquid + HTML8.3 KB3
35Editorial mega menuLatherBeautyLiquid + HTML8.3 KB3
36Editorial mega menuPrismBeautyLiquid + HTML8.3 KB3
37Editorial mega menuShelfBeautyLiquid + HTML8.3 KB3
38Editorial mega menuStubbleBeautyLiquid + HTML8.3 KB3
39Editorial mega menuTideBeautyLiquid + HTML8.3 KB3
40Editorial mega menuTintBeautyLiquid + HTML8.3 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