Made in Builder.io

Join us for an AI launch event by

Builder.io and Figma
Talk to Us
Product
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

An SDK (Software Development Kit) is a collection of tools, libraries, and APIs that developers use to create applications for a specific platform, framework, or technology, streamlining the integration process and providing ready-to-use components and functionalities.

Builder offers a diverse range of SDKs, each tailored to a specific framework, helping developers to integrate their applications with the Builder platform seamlessly. These SDKs are designed to enhance the development experience, providing framework-specific components, utilities, and configurations for efficient integration.

Did you know that the generic term Builder SDK refers to at least a dozen SDKs? Each of the most popular frameworks has its own SDK, including:

Image of logos for Next.js Pages Router, Next.js App Router, Qwik, React, Remix, Hydrogen, Nuxt, Vue, Svelte, Gatsb, Angular, and Rest API.

You can also integrate directly with Builder's HTML API instead of using an SDK. For more detail, follow the instructions for integrating using the REST API instructions in Integrating Pages.

To use the right SDK for your project:

  1. Determine your framework. This is the framework your existing app is in or the framework you'd like to use to create a new app; for example, Next.js.
  2. Follow the instructions in the Builder integrating documentation for your framework. In this example, if you're using Next.js, you'd use the Next.js instructions by clicking on the tab for Next.js.

Any Builder documentation which features a tabbed code snippet UI contains instructions specific to the Builder SDK for that particular framework.

For example, the following tabbed code component is how the Builder presents framework-specific SDK instructions. By clicking on the tab for your desired framework, that framework's SDK instructions display:

This is an example tabbed code example to demonstrate where you can find the Builder SDK code specific to your framework.

Because it is an example, it only includes a subset of the frameworks featured in the Builder documentation. If you're searching for a framework not listed here, check Integrating Pages. If you still don't find the framework you want, let us know.

The tabbed code component above is a custom component that Builder's engineers made specifically for use in the Builder documentation and is an example of how you can customize Builder to meet your team's needs.

When using this component, the tech writer just drags in the custom code tabs component and specifies the necessary frameworks.

After you've integrated your app with Builder, you can register your own custom components of any kind (heroes, product tiles, navs, to name a few).

For details on creating your own custom components, read Registering Custom Components and follow the instructions for your framework.

Get your app integrated with Builder by following the instructions for your framework in Integrating Pages. In this way, you'll be using the Builder SDK for your favorite framework.

To get familiar with the two generations of SDKs, read SDK Comparison.


Looking to hire a third party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

Developer Newsletter

Latest tips, tricks, and news for frontend developers from our blog

Product Newsletter

Latest features and updates on the Builder.io platform

By submitting, you agree to our Privacy Policy

Product

Features

Pricing

What's New

Developers

Builder for Developers

Developer Docs

Open Source Projects

Performance Insights

Headless CMS: Visual Guide

Resources

Documentation

Blog

Community Forum

Templates

Partners

Submit an Idea

Use Cases

Landing Pages

Headless CMS

Headless Storefront

Customer Showcase

Customer Success Stories

Builder.io logo

Visually build and optimize digital experiences on any tech stack. No coding required, and developer approved.

Get Started

Log In

Product

Features

Pricing

Integrations

React.js

Next.js

Gatsby

Angular

Vue

Nuxt

Hydrogen

Salesforce

All Integrations

Use Cases

© 2023 Builder.io, Inc.

Security

Privacy Policy

SaaS Terms