OSS探訪

Builder.io SDK — Visual Development platformをReact/Vue/Svelte/Qwik等へ接続するOSS SDK群

OSS健全度 89
スコアの見方

発掘スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした独自指標(上限なし)。成長モメンタムは観測期間内の同スコアの差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
8,835
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/17

概要

BuilderIO/builderは、Builder.ioのVisual Development platformを既存site/appへ統合するためのSDK、examples、starter、pluginsを収めたMIT licenseのmonorepoです。React、Vue、Svelte、Qwik、Angular等のframeworkを対象に、visual contentを既存componentと接続します。GitHubのlatest releaseはpackage単位で、2026年9月17日時点では @builder.io/sdk-qwik@0.25.13 がlatest endpointに出ています。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日:

既存componentをVisual Editorへ接続し、framework側でBuilder contentをrenderする

Builder.ioは既存site/appへ接続し、Figma designやdrag-and-drop editorでvisual contentを作成し、SDK経由で各frameworkへrenderする構成です。このrepositoryはそのSDK・examples・starters・pluginsを管理します。

出典:[2][3]

ReactだけでなくVue・Svelte・Qwik・Angular等へ横断的に統合する

monorepoには複数framework向けSDKとE2E exampleがあり、React向けgenerated SDKは @builder.io/sdk-react としてinstallできます。

出典:[4][3]

既存frontend codebaseを捨てずにvisual editing・headless CMSを追加したい場合に

React/Vue/Svelte/Qwik等の既存componentを活かしながら、marketer/designer向けのvisual authoringを追加したいteamに向きます。

出典:[2]

このMIT repositoryはBuilder platform全体をself-hostするserver実装ではない

READMEはこのrepositoryをSDK・usage examples・starter projects・pluginsの置き場と説明しています。Visual Editorやhosted Content platformのbackendをこのrepositoryだけでself-hostできるわけではありません。またreleaseはpackageごとに独立versioningされるため、GitHubのlatest releaseをplatform全体のversionとして扱わないでください。

出典:[2][5][3]

参考にした公式資料

  1. [1]BuilderIO/builder — GitHub repository metadata(2026-09-17)
  2. [2]Builder.io — repository README(2026-09-17)
  3. [3]Builder.io — root package.json(2026-09-17)
  4. [4]Builder.io React SDK — README(2026-09-17)
  5. [5]Builder.io package release @builder.io/sdk-qwik@0.25.13(2026-09-17)
編集部からの補足

Visual Editor本体のself-host repositoryではなく、既存frontendへBuilderを接続するOSS SDK群として扱います。

3ステップで試す

  1. 1

    ソースを取得

    git clone --depth 1 https://github.com/BuilderIO/builder.git
  2. 2

    リポジトリへ移動

    cd builder
  3. 3

    公式手順を確認

    READMEのInstallation / Quick Start / Getting Startedにある公式コマンドを続けて実行してください。

    find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit
公式READMEで確認

成長

成長の推移 · 直近30日

8,835 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit(直近30日)
16
Open PR
82

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHub Topics

  • react
  • webcomponents
  • wysiwyg
  • frontend
  • angular
  • vue
  • shopify
  • next-js
  • landing-pages
  • page-builder
  • drag-drop
  • builder
Stars
8,835
Forks
1,163
Watchers
87
Open Issues
68
主要言語
TypeScript
ライセンス
MIT
リポジトリ最終更新
2026/09/17

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

Builder.io SDKとは?Visual Development統合OSSを解説 | OSS探訪