# frappe/builder **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/frappe-builder).** 2,060 stars · 463 forks · Vue · AGPL-3.0 ## Links - GitHub: https://github.com/frappe/builder - Homepage: https://frappe.io/builder - awesome-repositories: https://awesome-repositories.com/repository/frappe-builder.md ## Topics `cms` `deployment` `erpnext-website` `figma` `framer` `frappe-framework` `low-code` `responsive` `typescript` `vue` `website-builder` `wordpress` ## Description Builder is a low-code web platform and content management system designed for the visual construction of responsive websites. It functions as an artificial intelligence-powered design tool that translates natural language prompts into structured page layouts, while providing a drag-and-drop interface for real-time editing and component arrangement. The platform distinguishes itself by integrating data-driven development directly into the design process, allowing users to bind interface elements to backend database content without manual coding. It supports extensibility through custom script and stylesheet injection, enabling developers to modify page behavior and visual presentation at both the global and block levels. Beyond design, the system encompasses a full lifecycle of web management, including automated deployment to containerized environments and instant publishing. It also features integrated monitoring tools that track visitor engagement and site traffic metrics through a centralized dashboard. ## Tags ### Content Management & Publishing - [Content Management Systems](https://awesome-repositories.com/f/content-management-publishing/content-management-systems.md) — Provides a comprehensive platform for creating, managing, and publishing web content with integrated design and monitoring tools. - [Page Publishing Tools](https://awesome-repositories.com/f/content-management-publishing/page-publishing-tools.md) — Deploys completed designs to a live environment with a single action for immediate public access. ([source](https://docs.frappe.io/builder)) ### User Interface & Experience - [Drag-and-Drop Page Builders](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-page-builders.md) — Provides a drag-and-drop interface for constructing responsive web pages with real-time editing. ([source](https://github.com/frappe/builder#readme)) - [Server-Side Data Fetching](https://awesome-repositories.com/f/user-interface-experience/content-rendering-components/server-side-data-fetching.md) — Injects backend database records directly into component properties during the request lifecycle to populate dynamic content. - [Visual Website Builders](https://awesome-repositories.com/f/user-interface-experience/visual-website-builders.md) — Provides a visual drag-and-drop environment for designing responsive websites. ### Artificial Intelligence & ML - [AI Web Page Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-web-page-generators.md) — Synthesizes functional web page structures from natural language prompts using integrated artificial intelligence. - [AI Assistants](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-assistants.md) — Leverages artificial intelligence to assist in the creation of web page structures and layouts. ### Data & Databases - [Database Backend Integration](https://awesome-repositories.com/f/data-databases/external-storage-integrations/database-backend-integration.md) — Links interface elements to backend data sources to automatically populate information during page load. ([source](https://docs.frappe.io/builder)) - [Event Analytics](https://awesome-repositories.com/f/data-databases/event-analytics.md) — Captures visitor interaction data through instrumentation hooks to report engagement metrics to a centralized dashboard. ### Development Tools & Productivity - [Low-Code Development Platforms](https://awesome-repositories.com/f/development-tools-productivity/low-code-development-platforms.md) — Enables building data-driven websites through a visual, low-code development environment. ### Education & Learning Resources - [Web Design Generators](https://awesome-repositories.com/f/education-learning-resources/system-design-interview-preparation/generative-ai-system-design/web-design-generators.md) — Translates natural language prompts into structured web page layouts using artificial intelligence. ### Web Development - [Content-Driven Web Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/rendering-and-layout-architectures/content-driven-web-frameworks.md) — Connects interface elements directly to backend database content to display dynamic information without manual coding. - [Script Injection Mechanisms](https://awesome-repositories.com/f/web-development/client-side-components/script-injection-mechanisms.md) — Provides mechanisms for injecting custom JavaScript and CSS into specific page blocks to extend functionality. - [Content Page Managers](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/content-page-managers.md) — Integrates structured database information directly into web pages to power data-driven content. ([source](https://github.com/frappe/builder#readme)) - [JSON to Page Rendering](https://awesome-repositories.com/f/web-development/json-apis/json-based-page-schemas/json-to-page-rendering.md) — Translates drag-and-drop interface interactions into structured JSON schemas that define page layouts and component hierarchies. - [Page Load Logic Hooks](https://awesome-repositories.com/f/web-development/page-load-logic-hooks.md) — Allows injection of global or block-level scripts to create advanced page logic and dynamic behavior. ([source](https://github.com/frappe/builder#readme)) - [Web Infrastructure and Deployment](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment.md) — Hosts production-ready website environments using automated installation scripts and containerized services. ([source](https://github.com/frappe/builder#readme)) - [Web Page Customizations](https://awesome-repositories.com/f/web-development/web-page-customizations.md) — Enables modification of visual presentation and page behavior through custom script and stylesheet injection. ([source](https://docs.frappe.io/builder)) ### DevOps & Infrastructure - [Containerized Environments](https://awesome-repositories.com/f/devops-infrastructure/containerized-environments.md) — Automates the deployment of isolated application instances by packaging runtimes into portable containerized environments. - [Self-Hosted Deployment Tools](https://awesome-repositories.com/f/devops-infrastructure/self-hosted-deployment-tools.md) — Automates the setup of self-hosted or containerized environments for web applications. ([source](https://github.com/frappe/builder/blob/develop/README.md)) - [Web Application Deployment](https://awesome-repositories.com/f/devops-infrastructure/web-application-deployment.md) — Automates the deployment of web applications to containerized environments for instant public access. ### System Administration & Monitoring - [Visitor Tracking Dashboards](https://awesome-repositories.com/f/system-administration-monitoring/visitor-tracking-dashboards.md) — Tracks visitor engagement and site traffic metrics through an integrated dashboard. ([source](https://github.com/frappe/builder#readme))