# Top 42 Subscriptions Blocks for Shopify (Updated Oct 2026) > Compare 42 free subscriptions blocks for Shopify across 14 themes: 0 ship as Liquid, 0 need 0 KB JS. Live demos, agent prompts. Updated Oct 2026. Page: https://blocko.ai/block/subscriptions/ MCP: https://blocko.ai/mcp License: MIT. Not affiliated with Shopify. ## Items 1. [Frequency picker](https://blocko.ai/library/balm/blocks/beauty-extras-frequency-picker/) (Balm, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/balm/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 2. [Subscription actions](https://blocko.ai/library/balm/blocks/beauty-extras-subscription-actions/) (Balm, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/balm/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 3. [Subscription item](https://blocko.ai/library/balm/blocks/beauty-extras-subscription-item/) (Balm, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `balm`; live demo: https://demo.blocko.ai/html/balm/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/balm/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 4. [Frequency picker](https://blocko.ai/library/bare/blocks/beauty-extras-frequency-picker/) (Bare, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/bare/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 5. [Subscription actions](https://blocko.ai/library/bare/blocks/beauty-extras-subscription-actions/) (Bare, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/bare/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 6. [Subscription item](https://blocko.ai/library/bare/blocks/beauty-extras-subscription-item/) (Bare, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `bare`; live demo: https://demo.blocko.ai/html/bare/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/bare/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 7. [Frequency picker](https://blocko.ai/library/blush/blocks/beauty-extras-frequency-picker/) (Blush, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/blush/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 8. [Subscription actions](https://blocko.ai/library/blush/blocks/beauty-extras-subscription-actions/) (Blush, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/blush/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 9. [Subscription item](https://blocko.ai/library/blush/blocks/beauty-extras-subscription-item/) (Blush, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `blush`; live demo: https://demo.blocko.ai/html/blush/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/blush/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 10. [Frequency picker](https://blocko.ai/library/clip/blocks/beauty-extras-frequency-picker/) (Clip, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/clip/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 11. [Subscription actions](https://blocko.ai/library/clip/blocks/beauty-extras-subscription-actions/) (Clip, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/clip/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 12. [Subscription item](https://blocko.ai/library/clip/blocks/beauty-extras-subscription-item/) (Clip, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `clip`; live demo: https://demo.blocko.ai/html/clip/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/clip/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 13. [Frequency picker](https://blocko.ai/library/dew/blocks/beauty-extras-frequency-picker/) (Dew, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/dew/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 14. [Subscription actions](https://blocko.ai/library/dew/blocks/beauty-extras-subscription-actions/) (Dew, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/dew/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 15. [Subscription item](https://blocko.ai/library/dew/blocks/beauty-extras-subscription-item/) (Dew, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `dew`; live demo: https://demo.blocko.ai/html/dew/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/dew/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 16. [Frequency picker](https://blocko.ai/library/isle/blocks/beauty-extras-frequency-picker/) (Isle, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/isle/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 17. [Subscription actions](https://blocko.ai/library/isle/blocks/beauty-extras-subscription-actions/) (Isle, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/isle/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 18. [Subscription item](https://blocko.ai/library/isle/blocks/beauty-extras-subscription-item/) (Isle, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `isle`; live demo: https://demo.blocko.ai/html/isle/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/isle/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 19. [Frequency picker](https://blocko.ai/library/lather/blocks/beauty-extras-frequency-picker/) (Lather, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/lather/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 20. [Subscription actions](https://blocko.ai/library/lather/blocks/beauty-extras-subscription-actions/) (Lather, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/lather/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 21. [Subscription item](https://blocko.ai/library/lather/blocks/beauty-extras-subscription-item/) (Lather, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `lather`; live demo: https://demo.blocko.ai/html/lather/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/lather/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 22. [Frequency picker](https://blocko.ai/library/prism/blocks/beauty-extras-frequency-picker/) (Prism, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/prism/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 23. [Subscription actions](https://blocko.ai/library/prism/blocks/beauty-extras-subscription-actions/) (Prism, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/prism/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 24. [Subscription item](https://blocko.ai/library/prism/blocks/beauty-extras-subscription-item/) (Prism, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `prism`; live demo: https://demo.blocko.ai/html/prism/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/prism/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 25. [Frequency picker](https://blocko.ai/library/shelf/blocks/beauty-extras-frequency-picker/) (Shelf, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/shelf/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 26. [Subscription actions](https://blocko.ai/library/shelf/blocks/beauty-extras-subscription-actions/) (Shelf, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/shelf/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 27. [Subscription item](https://blocko.ai/library/shelf/blocks/beauty-extras-subscription-item/) (Shelf, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `shelf`; live demo: https://demo.blocko.ai/html/shelf/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/shelf/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 28. [Frequency picker](https://blocko.ai/library/stubble/blocks/beauty-extras-frequency-picker/) (Stubble, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/stubble/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 29. [Subscription actions](https://blocko.ai/library/stubble/blocks/beauty-extras-subscription-actions/) (Stubble, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/stubble/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 30. [Subscription item](https://blocko.ai/library/stubble/blocks/beauty-extras-subscription-item/) (Stubble, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `stubble`; live demo: https://demo.blocko.ai/html/stubble/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/stubble/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 31. [Frequency picker](https://blocko.ai/library/tide/blocks/beauty-extras-frequency-picker/) (Tide, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/tide/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 32. [Subscription actions](https://blocko.ai/library/tide/blocks/beauty-extras-subscription-actions/) (Tide, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/tide/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 33. [Subscription item](https://blocko.ai/library/tide/blocks/beauty-extras-subscription-item/) (Tide, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `tide`; live demo: https://demo.blocko.ai/html/tide/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/tide/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 34. [Frequency picker](https://blocko.ai/library/tint/blocks/beauty-extras-frequency-picker/) (Tint, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/tint/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 35. [Subscription actions](https://blocko.ai/library/tint/blocks/beauty-extras-subscription-actions/) (Tint, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/tint/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 36. [Subscription item](https://blocko.ai/library/tint/blocks/beauty-extras-subscription-item/) (Tint, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `tint`; live demo: https://demo.blocko.ai/html/tint/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/tint/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 37. [Frequency picker](https://blocko.ai/library/twist/blocks/beauty-extras-frequency-picker/) (Twist, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/twist/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 38. [Subscription actions](https://blocko.ai/library/twist/blocks/beauty-extras-subscription-actions/) (Twist, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/twist/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 39. [Subscription item](https://blocko.ai/library/twist/blocks/beauty-extras-subscription-item/) (Twist, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `twist`; live demo: https://demo.blocko.ai/html/twist/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/twist/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 40. [Frequency picker](https://blocko.ai/library/veil/blocks/beauty-extras-frequency-picker/) (Veil, beauty) - Shopify Liquid: not yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-frequency-picker.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Frequency picker" (id `beauty-extras-frequency-picker`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-frequency-picker.html; no Shopify bundle yet (needs app (changing the delivery frequency needs a subscription app); UI shell emitted) — port it from the HTML demo demo/veil/blocks/subscriptions--beauty-extras-frequency-picker.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 41. [Subscription actions](https://blocko.ai/library/veil/blocks/beauty-extras-subscription-actions/) (Veil, beauty) - Shopify Liquid: not yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-subscription-actions.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription actions" (id `beauty-extras-subscription-actions`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-subscription-actions.html; no Shopify bundle yet (needs app (skipping and swapping shipments need a subscription app); UI shell emitted) — port it from the HTML demo demo/veil/blocks/subscriptions--beauty-extras-subscription-actions.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). 42. [Subscription item](https://blocko.ai/library/veil/blocks/beauty-extras-subscription-item/) (Veil, beauty) - Shopify Liquid: not yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted); JavaScript: 9.0 KB; category: subscriptions - Live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-subscription-item.html - Prompt: Use the Blocko library (https://github.com/blockoai/blocko, or the Claude Code plugin: claude plugin marketplace add blockoai/blocko && claude plugin install blocko-sections@blocko) to implement the block "Subscription item" (id `beauty-extras-subscription-item`, theme `veil`; live demo: https://demo.blocko.ai/html/veil/blocks/subscriptions--beauty-extras-subscription-item.html; no Shopify bundle yet (needs app (recurring line items come from a subscription app; Shopify has no native subscription contracts in Liquid); UI shell emitted) — port it from the HTML demo demo/veil/blocks/subscriptions--beauty-extras-subscription-item.html into a Liquid section with a {% schema %}, mirroring the structure of an existing bundle in sections/veil/) into my project. Before changing any code, ask me where it should go — which project/theme, which page or template, and the position (e.g. after the hero) — and whether the target is a Shopify theme or a plain HTML site, unless I already said; restate the plan and wait for my OK. Then follow the repo's AGENTS.md: keep the blko- class prefix and CSS tokens (with fallbacks), keep custom elements idempotent, don't touch unrelated code, run `shopify theme check` for Shopify targets, and finish by telling me how to add/arrange it (Theme Editor steps for Shopify). ## FAQ ### What are the best subscriptions blocks for Shopify? Blocko lists 42 free, MIT-licensed subscriptions blocks from 14 themes. 0 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 Frequency picker from Balm comes first. ### Are these subscriptions 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 subscriptions 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 subscriptions blocks cover? Beauty. Every industry with at least three matching items has its own list. ### How much JavaScript do these subscriptions blocks ship? 0 of 42 ship 0 KB of JavaScript. The heaviest is Frequency picker in Balm at 9.0 KB, registered as an idempotent Custom Element.