> For the complete documentation index, see [llms.txt](https://docs.elitebundleapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.elitebundleapp.com/developer-docs/dev-docs.md). # Overview The Elite Bundle Builder SDK lets developers build fully custom storefront UIs for bundles, without being locked into the default templates. When the SDK is enabled, the app exposes a global `window.eliteBundle.sdk` object on every bundle product page. It gives you live access to bundle data, cart state, and actions — so you can render your own product cards, step indicators, cart drawers, price calculators, or anything else, and hook our add-to-cart and checkout logic from it. ## What you can build * A completely custom BYOB (Build Your Own Bundle) UI with your own product cards, step tabs, and side cart * A custom MOB (Multi-Option Bundle) picker with your own swatches, dropdowns, or variant selectors * A headless bundle experience that fits your theme's design system without any Puck component overrides ## How it works The app injects `window.eliteBundle` on every bundle product page before your scripts run. It contains: * **`app`** — shop-level globals: domain, money format, currency, access token, feature flags * **`byob`** — raw BYOB bundle data from Liquid (template, config, product/variant IDs) * **`mob`** — raw MOB bundle data from Liquid * **`sdk.byob`** — live BYOB React state and actions, updated on every render * **`sdk.mob`** — live MOB React state and actions, updated on every render The default Puck-rendered UI still works normally. The SDK is additive — you can use parts of it (e.g. just `addToCart`) or replace the entire UI. ## Prerequisites * Elite Bundle Builder installed and set up on a Shopify store * SDK access enabled in **App → Settings → Developer SDK** (requires a developer email) * Basic JavaScript or TypeScript knowledge ## Documentation * [Getting Started](/developer-docs/getting-started.md) * [Global Object Reference](/reference/globals.md) * [BYOB SDK Reference](/reference/byob.md) * [MOB SDK Reference](/reference/mob.md) * [Events Reference](/reference/events.md) * [Guide: Custom BYOB UI](/guides/custom-byob-ui.md) * [Guide: Custom MOB UI](/guides/custom-mob-ui.md) * [Guide: Using with React](/guides/react.md) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.elitebundleapp.com/developer-docs/dev-docs.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.