Shopify sections
you actually own.
Conversion-focused, accessible Liquid sections with thoughtful defaults. One command copies the source into your theme. Then it's yours to customize, extend and ship.
Tested on Online Store 2.0 themes. Theme blocks or snippets, picked for you.
- Dawn
- Horizon
- Skeleton
- Theme editor
- Theme Check clean
Live components, not screenshots.
Every card below runs the same CSS and JavaScript your theme receives. Drag, click and add to cart.
Copy the code. Not a dependency.
No app runtime, no hosted stylesheet, no lock-in. The CLI writes plain Liquid, CSS and JavaScript into your theme, then gets out of the way.
{%- comment -%} Brandionary UI {%- endcomment -%}{{ 'bnry-free-shipping-bar.css' | asset_url | stylesheet_tag }}<div class="bnry-fsb" data-threshold="{{ section.settings.threshold | times: 100 }}"> <p class="bnry-fsb__msg" aria-live="polite"></p> <div class="bnry-fsb__track"><span class="bnry-fsb__fill"></span></div></div><script src="{{ 'bnry-free-shipping-bar.js' | asset_url }}" defer></script> {% schema %}{ "name": "Free shipping bar", "settings": [{ "type": "number", "id": "threshold", "label": "Threshold", "default": 50 }], "presets": [{ "name": "Free shipping bar" }] }{% endschema %}
Everything a Theme Store reviewer checks.
Performance, accessibility and Shopify conventions are part of every component, not an afterthought.
Liquid, CSS and vanilla JS land in your theme. Change anything, keep it forever.
0 runtime dependenciesOnline Store 2.0 sections with presets, blocks and labeled settings for merchants.
Sections · blocks · snippetsKeyboard support, focus management, ARIA patterns and reduced motion everywhere.
Lighthouse a11y target ≥ 90Responsive images, lazy loading, scoped CSS and a few KB of deferred JS per section.
No fonts, no librariesQuantity breaks, delivery estimate, swatches: installed as theme blocks or snippets.
Auto-detected per themeDry run, conflict detection and clear output. Your files are never overwritten silently.
npx brandionary addNot a developer? We built tools for that too.
Visual BlockConversion sections for merchants, no code.
Add ready-made sections from the Shopify theme editor. Works with any 2.0 theme, no page builder, lightweight scoped code.
Install Free on Shopify
AuditCROStop losing sales without knowing why.
AI audits your Shopify storefront in about a minute and returns a prioritized action plan. No admin access, no API keys.
Ship better sections this afternoon.
Free to use. Start with one component, keep the code, and come back for the next.