Frappe Studio
Frappe Studio is a low-code, visual app builder for the Frappe Framework. It brings together the power of the framework, frappe-ui (vue component library), and a canvas interface like Frappe Builder.
Motivation
Frappe Framework is a backend powerhouse with all the things required to build powerful web apps. It also generates form, list, report views for every doctype created in the database. This consistency works great for most apps. But it's hard to craft great, intuitive frontends with just the Frappe Framework for various reasons:
- Views are tightly bound to the backend
- Composing views with multiple data sources is hard
- Users are forced to switch between screens to run 1 single cycle
Frappe Studio aims to improve how developers build frontend applications with the Frappe Framework by providing a visual tool.
Key Features
- Build Layouts: Drag & drop layout builder with frappe-ui components. Edit props and slots for any component with the powerful editor
- Connect Data: Configure Frappe Framework data sources in the app using minimum configurations
- Wire Events: Configure actions: Call API, Insert a Document, Run Script on any block's events like click, change, focus, blur, key events, etc.
- Code Support: Build reactive apps with dynamic variables, scripts & watcher support
- Utilities: Faster interaction with the backend with Form and CRUD utilities
Under the Hood
- Frappe Framework: A full-stack web application framework.
- Frappe UI: A Vue-based UI library, to provide a modern user interface.
Installation
To install/setup the app, follow the guidelines here.
Links
- GitHub: Contribute to ERPNext and explore its open-source code, issues, and discussions.
Last updated 2 days ago