<br />
<br />
<p align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F160d3724e72b4f88af781e0887df5601">
    <img alt="Builder.io logo" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F96fa96f7f5a0415f9dff40b41d78b6a7">
  </picture>
</p>
<br />
<h3 align="center">
  Visual Development On Any Stack
</h3>
<p align="center">
   Turn Figma designs to code. Drag and drop with your components. Publish with a click.
</p>

<p align="center">
  <a href="https://github.com/prettier/prettier"><img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg" /></a>
  <a href="https://github.com/builderio/builder/pulls"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" /></a>
  <a href="https://github.com/BuilderIO/builder"><img alt="License" src="https://img.shields.io/github/license/BuilderIO/builder" /></a>
  <a href="https://www.npmjs.com/package/@builder.io/sdk"><img alt="Types" src="https://img.shields.io/npm/types/@builder.io/sdk" /></a>
</p>
<br />

<p align="center">
  <img alt="Animation of Builder.io Visual Editor" src="https://github.com/user-attachments/assets/6972696e-bfb5-4c6d-b987-ea6a07816655" >
</p>


## How the Builder.io platform works

Builder connects to your existing site or app and allows you to visually generate code (using your existing components) from either Figma designs or our drag and drop editor, and then export that code or publish those updates via our [SDKs](https://www.builder.io/c/docs/developers).

Read about [how Builder works](https://www.builder.io/c/docs/how-builder-works-technical)

<p align="center">
  <img alt="How it works" src="https://github.com/user-attachments/assets/7ef9ca00-22f2-49b7-9b29-1df1eb7daba7" />
</p>



## Try it out!

[Sign up for a free account](https://builder.io/signup) to dive right in.


## What's in this repository?

This repo houses all of the various [SDKs](packages), [usage examples](examples), [starter projects](starters), and [plugins](plugins).

## Join the community!

Questions? Requests? Feedback? Chat with us in our [official forum](https://forum.builder.io)!

## We're hiring!

Help us enable anyone to build digital experiences and bring more ideas to life --> [https://www.builder.io/m/careers](https://www.builder.io/m/careers)
