#1
Routine step
- Balm
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
Top 29 Routine Builder Blocks for Shopify (Updated Oct 2026)
Blocko has 29 free routine builder blocks for Shopify Online Store 2.0, from 15 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
| # | Name | Theme | Industry | Shopify | JavaScript | Settings |
|---|---|---|---|---|---|---|
| 1 | Routine step | Balm | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 2 | Routine total | Balm | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 3 | Routine step | Bare | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 4 | Routine total | Bare | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 5 | Everyday step | Blush | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 6 | Everyday total | Blush | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 7 | Style step | Clip | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 8 | Style total | Clip | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 9 | Routine step | Dew | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 10 | Routine total | Dew | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 11 | Routine step | Isle | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 12 | Routine total | Isle | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 13 | Routine step | Lather | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 14 | Routine total | Lather | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 15 | System step | Prism | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 16 | System total | Prism | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 17 | Concern step | Shelf | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 18 | Concern total | Shelf | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 19 | Routine step | Stubble | Beauty | Liquid + HTML | 9.0 KB | 4 |
| 20 | Routine total | Stubble | Beauty | Liquid + HTML | 9.0 KB | 4 |
Routine Builder blocks
#2
Routine total
- Balm
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#3
Routine step
- Bare
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#4
Routine total
- Bare
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#5
Everyday step
- Blush
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#6
Everyday total
- Blush
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#7
Style step
- Clip
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#8
Style total
- Clip
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#9
Routine step
- Dew
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#10
Routine total
- Dew
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#11
Routine step
- Isle
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#12
Routine total
- Isle
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#13
Routine step
- Lather
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#14
Routine total
- Lather
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#15
System step
- Prism
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#16
System total
- Prism
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#17
Concern step
- Shelf
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#18
Concern total
- Shelf
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#19
Routine step
- Stubble
- Beauty
- Shopify-ready
Selectable routine-builder product step.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
#20
Routine total
- Stubble
- Beauty
- Shopify-ready
Live-updating routine order total.
9.0 KB JavaScript (vanilla Custom Element) · Shopify Liquid, 4 Theme Editor settings · category routine-builder
Frequently asked questions
What are the best routine builder blocks for Shopify?
Blocko lists 29 free, MIT-licensed routine builder blocks from 15 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 Routine step from Balm comes first.
Are these routine builder 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 routine builder 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 routine builder blocks cover?
Beauty. Every industry with at least three matching items has its own list.
How much JavaScript do these routine builder blocks ship?
0 of 29 ship 0 KB of JavaScript. The heaviest is Routine step in Balm at 9.0 KB, registered as an idempotent Custom Element.
Related lists
Filter by industry
Other blocks
- Customer Account Blocks (150)
- Purchase Blocks (99)
- Reviews Blocks (85)
- Social Proof Blocks (70)
- Cart Blocks (58)
- Filters and Sorting Blocks (44)
- Product Blocks (44)
- Search Blocks (44)
- Contact Blocks (43)
- Subscriptions Blocks (42)
- Announcement Blocks (30)
- Cart Drawer Blocks (30)
Markdown version for agents · Browse the full library · Connect your agent