Blocko

Top 28 Ingredients Blocks for Shopify (Updated Oct 2026)

Blocko has 28 free ingredients blocks 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 blocks by type to compare other kinds. Not affiliated with Shopify.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
1Ingredient detailBalmBeautyLiquid + HTML9.0 KB3
2Ingredient rowBalmBeautyLiquid + HTML9.0 KB4
3Ingredient detailBareBeautyLiquid + HTML9.0 KB3
4Ingredient rowBareBeautyLiquid + HTML9.0 KB4
5Ingredient detailBlushBeautyLiquid + HTML9.0 KB3
6Ingredient rowBlushBeautyLiquid + HTML9.0 KB4
7Ingredient detailClipBeautyLiquid + HTML9.0 KB3
8Ingredient rowClipBeautyLiquid + HTML9.0 KB4
9Ingredient detailDewBeautyLiquid + HTML9.0 KB3
10Ingredient rowDewBeautyLiquid + HTML9.0 KB4
11Ingredient detailIsleBeautyLiquid + HTML9.0 KB3
12Ingredient rowIsleBeautyLiquid + HTML9.0 KB4
13Ingredient detailLatherBeautyLiquid + HTML9.0 KB3
14Ingredient rowLatherBeautyLiquid + HTML9.0 KB4
15Ingredient detailPrismBeautyLiquid + HTML9.0 KB3
16Ingredient rowPrismBeautyLiquid + HTML9.0 KB4
17Ingredient detailShelfBeautyLiquid + HTML9.0 KB3
18Ingredient rowShelfBeautyLiquid + HTML9.0 KB4
19Ingredient detailStubbleBeautyLiquid + HTML9.0 KB3
20Ingredient rowStubbleBeautyLiquid + HTML9.0 KB4

Ingredients blocks

#14

Ingredient row

  • Lather
  • Beauty
  • Shopify-ready

Searchable ingredient glossary result.

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

Live demo Details Open in browser

#16

Ingredient row

  • Prism
  • Beauty
  • Shopify-ready

Searchable ingredient glossary result.

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

Live demo Details Open in browser

#18

Ingredient row

  • Shelf
  • Beauty
  • Shopify-ready

Searchable ingredient glossary result.

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

Live demo Details Open in browser

#20

Ingredient row

  • Stubble
  • Beauty
  • Shopify-ready

Searchable ingredient glossary result.

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

Live demo Details Open in browser

Frequently asked questions

What are the best ingredients blocks for Shopify?

Blocko lists 28 free, MIT-licensed ingredients blocks 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 Ingredient detail from Balm comes first.

Are these ingredients 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 ingredients 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 ingredients blocks cover?

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

How much JavaScript do these ingredients blocks ship?

0 of 28 ship 0 KB of JavaScript. The heaviest is Ingredient detail in Balm at 9.0 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