builder
Visual Development for React, Vue, Svelte, Qwik, and more
Builder.io is a visual drag-and-drop platform that lets designers and content editors update web pages using your existing React, Vue, or Svelte components, without needing a developer to write code for every content change.
Builder.io is a visual development platform that lets you edit and build web pages without writing code by hand for every change. It connects to an existing site or app, so designers and content editors can work visually using the real components the developers have already built, rather than a disconnected mockup tool.
The core idea is that you bring your own components: your existing React, Vue, Svelte, Qwik, or other framework components become the building blocks inside Builder's drag-and-drop editor. You can also start from a Figma design and have it turned into code. Once you are happy with the result, you can either export the generated code directly or publish the changes through Builder's SDKs so they appear live on your site.
This repository contains all the SDKs for different frameworks, example projects, starter templates, and plugins. The SDKs are what you install in your own project to connect it to the Builder platform. The platform itself is a hosted service: you sign up for an account, connect your project, and then your team can make content and layout changes through the visual interface without needing a developer to write and deploy code for each update.
The main audience is teams that want non-developers (marketers, designers, content editors) to be able to update pages independently, while developers still control which components are available and how they behave. It fills a similar role to a headless content management system but with a stronger emphasis on visual drag-and-drop layout rather than pure content fields.
A free account tier is available to try the platform. Documentation and a community forum are linked from the README for support and questions.
Where it fits
- Let marketers and designers update page layouts and content visually without needing a developer to code and deploy each change.
- Connect an existing React or Vue app to Builder.io so non-technical team members can drag and drop components to build pages.
- Convert a Figma design into working web page code using Builder's Figma plugin and framework SDK.