For Shopify theme developers

Components you install as source.

Brandionary UI is a free library of Online Store 2.0 sections, snippets, and assets. The documentation previews interactions in React. The registry installs Liquid, CSS, and vanilla JavaScript into your theme.

Installation

npx brandionary add <component>

Replace <component> with a published component name, and run the command from your theme directory. React stays on this website. It is not installed with the component.

Preview: Previews show the intended interaction. They are documentation, separate from the theme files.
Install: brandionary add writes bnry- files, lists conflicts, and leaves an existing different file in place unless you confirm.
Customize: After installation the section belongs to the theme. Change the schema, the markup, or the CSS in your own repository.

Credits

Carousels use Embla Carousel 8.6.0 by David Jerleke, MIT licensed. The CLI installs assets/bnry-embla.js once and shares it across carousel sections. Autoplay and fade ship as bnry-embla-autoplay.js and bnry-embla-fade.js.