Frappe Builder is a low-code website builder designed for simplicity, speed, and flexibility. Craft beautiful websites effortlessly with intuitive visual builder and modern design principles. Whether you're a designer looking for ease or a developer seeking customization, Frappe Builder empowers you.
- Intuitive Visual Builder: Simplify your workflow with a Figma-like editor.
- Responsive Views: Ensure your sites look great on any device without the fuss.
- Frappe CMS Integration: Easily fetch data from your database and create dynamic pages.
- Scripting Capabilities: Customize with client scripts, global scripts, and styles.
- Efficient Workflow: Use subtle shortcuts like image dropping and streamlined page copying and more to efficiently develop pages.
- One-Click Publishing: Instantly share your creations with the world in a single click.
- Performance Excellence: Frappe Builder does not bloat web pages with unnecessary scripts hence pages built with Frappe Builder are highly performant, consistently scoring high on Google Lighthouse tests.
Get started with your personal or business site with a few clicks on Frappe Cloud.
If you prefer self-hosting, follow the official Frappe Bench Installation instructions.
builder-getting-started.mp4
- Open this link and click on "Create Codespace".
- Wait for initialization (~15 mins).
- Run
bench startfrom the terminal tab. - Click on the link beside "8000" port under "Ports" tab.
- Log in with "Administrator" as the username and "admin" as the password.
- Go to
<random-id>.github.dev/builderto access the builder interface.
- Install Bench.
- Install Frappe Builder app:
$ bench get-app builder
- Create a site with the builder app:
$ bench --site sitename.localhost install-app builder
- Open the site in the browser:
$ bench browse sitename.localhost --user Administrator
- Access the builder page at
sitename.localhost:8000/builderin your web browser.
Join our telegram group for instant help.