https://github.com/frappe/studio
Visual App Builder for the Frappe Framework
https://github.com/frappe/studio
app-builder erpnext frappe frappe-framework frappe-ui javascript low-code open-source python typescript vue
Last synced: about 3 hours ago
JSON representation
Visual App Builder for the Frappe Framework
- Host: GitHub
- URL: https://github.com/frappe/studio
- Owner: frappe
- License: mit
- Created: 2024-08-09T07:28:44.000Z (almost 2 years ago)
- Default Branch: develop
- Last Pushed: 2026-06-24T13:05:56.000Z (3 days ago)
- Last Synced: 2026-06-24T15:05:28.851Z (3 days ago)
- Topics: app-builder, erpnext, frappe, frappe-framework, frappe-ui, javascript, low-code, open-source, python, typescript, vue
- Language: Vue
- Homepage:
- Size: 7.8 MB
- Stars: 256
- Watchers: 22
- Forks: 88
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Agents: agents.md
Awesome Lists containing this project
README
Frappe Studio
**Visual App Builder for the Frappe Framework**
⚠️ **WARNING**: This project is in a very early development stage. Expect breaking changes, incomplete features, and bugs. Not recommended for production use yet.
Watch a demo [here](https://www.youtube.com/live/BMjG0Dn39DM?si=jmaeUWtfYy4TS3ap&t=15360)
### Vision
Frappe Studio aims to improve how developers build applications with the Frappe Framework.
### Current Features
- Drag & drop layout builder with frappe-ui components
- Wire Frappe Framework data sources in the app using minimum configurations
- Edit props and slots for any component with the powerful editor
- Faster layout creation with form and CRUD utilities
- Build reactive apps with dynamic variables, scripts & watcher support
### Under the Hood
- [Frappe Framework](https://github.com/frappe/frappe): A full-stack web application framework.
- [Frappe UI](https://github.com/frappe/frappe-ui): A Vue-based UI library, to provide a modern user interface.
## Installation
### Local Setup
1. [Setup Bench](https://docs.frappe.io/framework/user/en/installation).
1. In the frappe-bench directory, run `bench start` and keep it running.
1. Open a new terminal session and cd into `frappe-bench` directory and run following commands:
```bash
bench get-app studio
bench new-site studio.localhost --install-app studio
bench browse studio.localhost --user Administrator
```
1. Access the studio page at `studio.localhost:8000/studio` in your web browser.
**For Frontend Development**
1. Open a new terminal session and run the following commands:
```bash
cd frappe-bench/apps/studio
yarn install
yarn dev --host
```
1. Now, you can access the site on vite dev server at `http://studio.localhost:8080`
**Note:** You'll find all the code related to Studio's frontend inside `frappe-bench/apps/studio/frontend`
