Storefront SDK
The Drop-in SDK is the toolkit behind every Commerce drop-in. It gives you the same components, design tokens, and framework that Adobe uses to build the cart, checkout, product detail, and account experiences. Your customizations match the drop-ins already in your storefront, whether you add a single button to a block or build a custom Commerce experience from scratch.
The SDK ships as the @dropins/tools package on npm , where you can always check the current version.
What the SDK gives you
Section titled “What the SDK gives you”The design system provides ready-made UI components and design tokens. Components are the visual building blocks, such as buttons, inputs, and cards. Design tokens are the color, type, and spacing values that keep those components consistent, so rebranding your storefront stays quick.
The framework handles everything around the UI: it mounts components into blocks, renders them, passes data between them through events, and loads them with live data from the Commerce backend.
Explore the SDK
Section titled “Explore the SDK”Open whichever topic answers your current question. If you are new to the SDK, start with the components you plan to render.