https://github.com/BuilderIO/builder Skip to content Sign up * Why GitHub? + Features + Mobile + Actions + Codespaces + Packages + Security + Code review + Issues + Integrations + GitHub Sponsors + Customer stories * Team * Enterprise * Explore + Explore GitHub + Learn and contribute + Topics + Collections + Trending + Learning Lab + Open source guides + Connect with others + The ReadME Project + Events + Community forum + GitHub Education + GitHub Stars program * Marketplace * Pricing + Plans + Compare plans + Contact Sales + Education [ ] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this organization All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} BuilderIO / builder Public * Notifications * Star 2.4k * Fork 347 * Drag and drop page builder and CMS for React, Vue, Angular, and more builder.io MIT License 2.4k stars 347 forks Star Notifications * Code * Issues 23 * Pull requests 16 * Actions * Projects 0 * Wiki * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Wiki * Security * Insights main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show Loading {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default Loading View all tags 133 branches 4,511 tags Code Loading Latest commit @teleaziz teleaziz [utils] add utility function to transform components (#641) ... 2bd00fb Dec 9, 2021 [utils] add utility function to transform components (#641) * [utils] add utility function to transform components] * test name * remove log * only add bindings if exist * fix binding 2bd00fb Git stats * 3,166 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github/workflows Auto assign issues (#649) Nov 30, 2021 examples update sdk-vue version Dec 8, 2021 packages [utils] add utility function to transform components (#641) Dec 8, 2021 plugins chore(deps): bump ws from 5.2.2 to 5.2.3 in /plugins/swell (#624) Nov 29, 2021 starters fix: fix package-json starter Dec 2, 2021 .bazelignore chore: add basic bazel support May 12, 2021 .gitattributes Starting out Jan 31, 2019 .gitignore feat: create-builder.io (#644) Dec 1, 2021 .nvmrc fix react sdk build error and add nvmrc Feb 3, 2020 .prettierignore JSX Lite generated SDKs (#503) Jul 20, 2021 .prettierrc add scripts to CI (#215) Jul 20, 2020 BUILD chore: add basic bazel support May 12, 2021 CODEOWNERS added codeowners (#211) Jul 20, 2020 DEVELOPER.md chore: add basic bazel support May 12, 2021 LICENSE add readme badges (#217) Jul 20, 2020 README.md Update README.md Nov 24, 2021 WORKSPACE chore: add basic bazel support May 12, 2021 lerna.json Block direct access to publish (#148) Apr 23, 2020 package-lock.json JSX Lite generated SDKs (#503) Jul 20, 2021 package.json Don't run Mac/M1 specific post-install steps on non-Darwin platforms (#... Aug 24, 2021 pull_request_template.md added codeowners (#211) Jul 20, 2020 tsconfig.json chore: add basic bazel support May 12, 2021 tslint.json Starting out Jan 31, 2019 View code [ ] Drag and drop page builder and CMS for React, Vue, Angular, and more Who uses Builder.io? Try it out! How does it work? How is the content structured? Featured Integrations What's in this repository? Structuring your site How the Builder.io platform works Data models, components, SEO, and more Join the community! Troubleshooting and feedback We're hiring! README.md BUILDER Drag and drop page builder and CMS for React, Vue, Angular, and more Use your code components and the stack of your choice. No more being pestered for HTML changes :) code style: prettier PRs Welcome License Types Editor example Choose your framework: REST API GraphQL Shopify VS Code [687] React Next.js9 Gatsby Vue Nuxt Angular Webcomponents Register components Rendered your visually created content import { BuilderComponent, builder } from '@builder.io/react' import { Builder } from '@builder.io/react' builder.init('YOUR_KEY') // Register our heading component for use in // the visual editor export let BuilderPage = () => { const Heading = props => ( const [pageJson, setPage] = useState(null)

{props.title}

) useEffect(() => { builder.get('page', { url: '/' }) Builder.registerComponent(Heading, { .promise().then(setPage) name: 'Heading', }, []) inputs: [{ name: 'title', type: 'text' }] }) return } Who uses Builder.io? [143297932-686144d0-598c-49ad-8493-0bffdf45aec8] Try it out! [6874747073] [6874747073] [6874747073] Try our interactive Use our Figma plugin to Try our code fiddle to try the turn designs into code! generation fiddle visual editor [6874747073] [6874747073] [6874747073] Try our VS Code Try our Shopify app for Try our headless extension for in-IDE visual Shopify store platform for visual coding building API-driven development How does it work? * Integrate the Builder API or SDK to your site or app * Create a free account on builder.io and drag and drop to create and publish pages and content How is the content structured? In Builder, content is structured in models, and customized with custom fields and targeting * Builder pages - full drag and drop control between your site's header and footer. Try it out * Builder sections - make a part of a page visually editable in Builder and use our targeting and scheduling to decide who sees what. Try it out * Builder data - fetch structured data from Builder and use it anywhere in your application (e.g. menu items, structured pages). Try it out [6874747073] Read more about how builder works here See here for examples on how to structure a site with Builder Featured Integrations [6874747073] ----------------------------------------------------------------------- [687474] ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- [687474] [687474] [687474] [68] [687474] REST API GraphQL Shopify VS Code Figma React ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- ----------------------------------------------------------------------- [687474] [687474] [687474] [687474] [687474] [687474] Next.js Gatsby Vue Nuxt Angular Web Components Don't see an integration you're looking for? Our HTML API, Content APIs, and GraphQL APIs works for all tech stacks and frameworks. What's in this repository? This repo houses all of the various SDKs, usage examples, starter projects, and plugins. Structuring your site There are a lot of ways you can use Builder for your site. Some of the main questions you'll want to ask yourselves - what on your site should be in your code vs in Builder. As a general rule, parts of your site that should be managed by non developers should probably be in Builder. Parts that are complex with a lot of code, should probably be in your codebase. Using custom components in your Builder content can help you strike a good balance here as well Here are some examples we recommend for how to structure various pages on your site, for instance for a headless commerce site: examples on how to structure your site How the Builder.io platform works How it works Data models, components, SEO, and more [6874747073] Builder.io gives you a ton more power and control than just page building. Check our guides on * Custom models * Custom design systems in Builder.io * SEO optimizing Builder.io content * Custom React components in the visual editor * Components only mode Additional framework support: * Gatsby * Next.js * Angular * HTML API (for any framework) As well as some handy power features like: * Symbols * Dynamic data fetching and binding * State handling * Content API * GraphQL API * Webhooks * Targeting and scheduling content * Extending Builder.io with plugins Join the community! Questions? Requests? Feedback? Chat with us in our official forum! Troubleshooting and feedback Problems? Requests? Open an issue. We always want to hear feedback and interesting new use cases and are happy to help. We're hiring! Help us enable anyone to build digital experiences and bring more ideas to life --> https://www.builder.io/m/careers About Drag and drop page builder and CMS for React, Vue, Angular, and more builder.io Topics react cms builder angular react-native pwa vue webcomponents frontend drag-drop headless gatsby wysiwyg shopify page-builder headless-cms landing-pages next-js nocode headless-commerce Resources Readme License MIT License Releases 4,511 tags Packages 0 No packages published Contributors 38 * @steve8708 * @teleaziz * @Dkendal * @dependabot[bot] * @mrkoreye * @ca136 * @samijaber * @mandx * @lyczos * @asieraduriz * @Aaduriz + 27 contributors Languages * TypeScript 88.5% * Vue 5.6% * JavaScript 3.6% * Swift 1.1% * HTML 0.5% * CSS 0.4% * Other 0.3% * (c) 2021 GitHub, Inc. * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.