Carrd
One‑page site builder for simple personal pages, portfolios, and landing pages
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
Visual development platform turning designs into production code
Connect your existing components, import Figma designs, and visually build experiences with drag-and-drop. Publish updates instantly or export clean code across React, Vue, Svelte, and more.
Builder.io bridges design and development by connecting directly to your existing site or application. Instead of replacing your tech stack, it integrates with your current components, letting teams visually compose interfaces using a drag-and-drop editor or imported Figma designs. The platform generates production-ready code that respects your architecture.
With SDKs for React, Vue, Svelte, Qwik, Angular, and React Native, Builder supports the frameworks teams already use. Developers maintain control over components while empowering designers and marketers to assemble pages, landing experiences, and content without engineering bottlenecks. Changes can be published instantly through the SDKs or exported as code for version control workflows.
Whether you need headless CMS capabilities, a visual page builder for marketing campaigns, or a no-code layer for rapid prototyping, Builder adapts to your deployment model. The MIT-licensed repository includes starter projects, usage examples, and plugins to accelerate integration across static site generators, PWAs, and e-commerce platforms like Shopify.
When teams consider Builder.io, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Marketing Landing Pages
Marketing teams build and iterate campaign pages using existing design system components without developer involvement, reducing time-to-market from weeks to hours.
E-commerce Storefront Customization
Merchandisers visually compose product pages and promotional sections on Shopify or custom storefronts, publishing changes instantly without deployment cycles.
Design-to-Code Handoff
Designers import Figma prototypes directly into Builder, map to production components, and generate implementation-ready code that developers can review and merge.
Multi-Brand Content Management
Enterprise teams manage content across multiple properties using a single headless CMS, with each brand maintaining its own component library and visual identity.
No. Builder integrates with your current React, Vue, Svelte, or other framework components. It provides a visual layer on top of your existing code rather than replacing your stack.
The repository contains SDKs and tooling, but the visual editor and content management features typically connect to Builder.io's platform. Check the documentation for self-hosting options and limitations.
You can import Figma designs into Builder's visual editor, then map design elements to your production components. This bridges the gap between design prototypes and working code.
Publishing via SDK deploys changes instantly through Builder's content delivery. Exporting code generates files you commit to version control and deploy through your standard CI/CD pipeline.
While commonly used for landing pages and content-heavy sections, Builder can manage any UI composed of your components. Complexity depends on how you architect your component library and integration.
Project at a glance
ActiveLast synced 4 days ago
