Discover / GTM & Growth
Builder.io
by BuilderIOTypeScript
Open source drag and drop visual editor for building and launching web pages.
Repositorystable
Maturity: stable because 8y old, @builder.io/sdk-angular@0.25.7 released 4d ago. Derived from release and commit history, not a rating.
- Stars
- 8.8k
- Forks
- 1.2k
- Downloads / mo
- —
- Last commit
- 2026-08-01
- License
- MIT
- Open issues
- 134
Market and trust evidence
Edition not yet matchedNo exact skills.sh identity match is available for this repository. Repository adoption and freshness remain visible above; install momentum is not inferred.
Trust analysis is a screening signal, not a security warranty. Read the ranking and trust methodology.
In practice
Written by AI from this repository’s README · medium confidenceMarketing pages need constant edits that otherwise queue behind engineers on every copy or layout change.
Use it when
Use it when non developers should assemble pages from your existing React, Vue, Svelte or Qwik components.
Not the right pick when
Not self contained, since the editing surface is the hosted Builder.io platform and the README only links to its docs.
Capabilities
- connects to your existing site or app for visual editing
- turn Figma designs into code
- drag and drop editor over your own components
- export code or publish updates via the SDKs
- starter projects and plugins included in the repo
Requirements
- A Builder.io account, free signup
Cost: Open source with a paid cloud option
Install
Derived from the published package name in the repository, not from a model.
Video walkthroughs
Figma AI + Builder.io: From Prompt to Node.js App (No Coding)
How to Convert Figma Design to Code FOR FREE using Builder io (2026 Full Guide)
Third-party YouTube uploads matched to this tool by title, channel and repository name on 2026-08-03. Not made, reviewed or endorsed by SkillPilot. View counts and publish months are as of the match date and the month is approximate. Nothing loads from YouTube until you press play.
What the repository ships
Has examplesSecurity policyCI configured
Detected from the actual files in the repository root.
Latest release @builder.io/sdk-angular@0.25.7
Published 2026-07-30
Patch Changes
- d38e980: Fix: edits made in the Visual Editor no longer revert to the initially rendered content.
The props.content update hook is compiled to an Angular effect() that tracks every
signal read in its body instead of the declared dependency list. Any unrelated context
update therefore re-ran the hook and re-merged the original page-load props.content
over content received from the editor. Guard the merge with a prevContent check, the
same pattern already used by the neighbouring props.data and props.locale hooks.
Tags
README
<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>
<h3 align="center">
Visual Development On Any Stack
</h3>
<p align="center">
Turn Figma designs into code. Drag and drop your components. Publish with a click.
</p>
<p align="center">
<a href="https://github.com/BuilderIO/builder"><img alt="Repo stars" src="https://img.shields.io/github/stars/BuilderIO/builder?style=flat"></a>
<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/blob/main/LICENSE"><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, so you can visually edit and generate code using your existing components. Use Figma designs or our drag-and-drop editor. Export your code or publish your updates via our SDKs.
Read more about How Builder works.
<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 to dive right in.
What's in this repository
This repo houses all of the various SDKs, usage examples, starter projects, and plugins.
Join the community
Questions, requests, or feedback? Chat with us on the Builder.io Forum.
We're hiring!
Help us enable anyone to build digital experiences and bring more ideas to life. View openings now.