OpenSourceProjects logo
builder logo

builderVisual Development for React, Vue, Svelte, Qwik, and more

Visual Development for React, Vue, Svelte, Qwik, and more

8,663 stars
1,149 forks
TypeScript
MIT
builder screenshot

builder

Visual Development platform that enables developers to turn Figma designs into code and use drag-and-drop editors to build components. Works across React, Vue, Svelte, Qwik, Angular, and more frameworks with one-click publishing.

Key Features

  • Multi-Framework Support: Works seamlessly with React, Vue, Svelte, Qwik, Angular, Next.js, Gatsby, and other modern frameworks
  • Visual Editor: Drag-and-drop interface for building and editing components without manual coding
  • Figma Integration: Convert Figma designs directly into functional code
  • Code Export: Generate production-ready code or publish updates through SDKs
  • Component Integration: Connect with your existing components and design systems
  • Headless CMS: Manage content separately from presentation across multiple platforms

Use Cases

  • Landing Page Creation: Build and deploy landing pages visually without writing HTML/CSS
  • Component Library Management: Maintain and version control reusable components across projects
  • Rapid Prototyping: Convert design mockups into working prototypes quickly
  • Content Management: Manage dynamic content for websites and applications
  • Multi-Channel Publishing: Deploy the same designs to web, mobile, and PWA platforms

Who Is It For

Designers and developers who want to bridge the gap between design and development, teams building with modern JavaScript frameworks, and organizations seeking to accelerate their visual development workflow without sacrificing code quality or customization.