Repolode
投稿する
BuilderIO

BuilderIO/builder

React、Vue、Svelte、Qwikなどに対応するBuilder.io向けSDK、サンプル、スターター、プラグインのオープンソースモノレポ。

代替できる製品:WebflowFigma Dev Mode

GitHub で見る公式サイト
スター
8,866
フォーク
1,169
未解決の Issue
161
最終コミット
4 日前

これは何？

Builder.ioは、既存のサイトやアプリに接続し、チームが自社コンポーネントを使ってページを編集したり、コードを生成したりできるビジュアル開発プラットフォームです。ドラッグ＆ドロップエディターでコンテンツを作成できるほか、Figmaのデザインを取り込んで、コードとしてエクスポートしたり、Builder SDKを通じて公開したりできます。

このリポジトリは、プロジェクトのモノレポです。React、Vue、Svelte、Qwik、Angular、Next.js、Gatsbyなどのフレームワークに対応する公式SDK、利用例、スタータープロジェクト、プラグインのほか、React NativeやShopifyとの連携機能を収録しています。

開発者がすでに作成したコンポーネントを使って、開発者以外のメンバーがページを組み立てられるようにしつつ、コードを自社の技術スタックで管理したいフロントエンドチームを対象としています。

主な機能

  • 01既存のコンポーネントを使えるビジュアルなドラッグ＆ドロップエディター
  • 02Figmaのデザインを取り込んでコードに変換
  • 03生成したコードをエクスポートするか、SDKを通じてコンテンツを公開
  • 04複数のフレームワークに対応する公式SDKとスタータープロジェクト
  • 05React NativeおよびShopifyとの連携

ユースケース

  • チームが用意したReactまたはVueのコンポーネントを使って、マーケターがランディングページを作成
  • Figmaのデザインを動作するフロントエンドコードに変換
  • Next.js、Gatsby、QwikでヘッドレスCMSを利用したサイトを運用

トピック

#visual-development#headless-cms#page-builder#react#vue#frontend#drag-and-drop#figma-to-code#angular#builder

よくある質問

builder とは？
React、Vue、Svelte、Qwikなどに対応するBuilder.io向けSDK、サンプル、スターター、プラグインのオープンソースモノレポ。 Builder.ioは、既存のサイトやアプリに接続し、チームが自社コンポーネントを使ってページを編集したり、コードを生成したりできるビジュアル開発プラットフォームです。ドラッグ＆ドロップエディターでコンテンツを作成できるほか、Figmaのデザインを取り込んで、コードとしてエクスポートしたり、Builder SDKを通じて公開したりできます。
builder は無料で使えますか？ライセンスは？
builder は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
builder は今もメンテナンスされていますか？
活発にメンテナンス中。builder の最終コミットは 2026年10月15日 です。
builder は何に使えますか？
チームが用意したReactまたはVueのコンポーネントを使って、マーケターがランディングページを作成 Figmaのデザインを動作するフロントエンドコードに変換 Next.js、Gatsby、QwikでヘッドレスCMSを利用したサイトを運用
builder はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/BuilderIO/builder

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト