Flower Docs
  • OpenFlower overview
    • The "Hello World" tutorial
  • Videos
    • OpenFlower in 100 seconds
  • 🆕Setup and run
    • Cloud & Private Cloud
    • Self-hosting
      • Access local database or API
      • Google Cloud Platform
      • Heroku
      • Migration from Openblocks
      • Update MongoDB Versions
      • OpenFlower Version Update
      • Traefik loadbalancer
      • SMTP Server
    • Security
  • 🏨Workspaces & Teamwork
    • Workspaces
    • Members and Groups
    • Permissions for Resources
    • OAuth
      • KeyCloak
      • Google
      • GitHub
      • Generic OAuth Provider
    • Query library
    • OpenFlower Marketplace
  • ✨Build Applications
    • Create a new App
      • Modules
      • Version and Release Management
    • App Editor
      • Visual Components
        • Common Component Settings
        • File upload
        • Charts and graphs
        • Image
        • Option lists
        • List View
        • Drawer
        • Google Maps
        • Table
        • Messages / Toast
        • Calendar
      • Date handling
      • Bulk Editing
      • Layers
      • Data selection & Javascript
      • Use Markdown
      • Keyboard shortcuts
    • App Navigation
    • App Interaction
      • Event handlers
    • Themes & Styling
      • Design an efficient and user-friendly form
      • Customize Styles
      • Component Styling Possibilities
  • 🚀Connect your Data
    • Data source basics
    • Data sources in OpenFlower
      • APIs as Datasource
        • REST API
        • GraphQL
        • Google Sheets
      • SQL Databases
        • MySQL
        • MariaDB
        • PostgreSQL
        • Microsoft SQL Server
        • Oracle
      • NoSQL Databases
        • MongoDB
        • CouchDB
        • DynamoDB
      • InMemory Databases
        • Redis
      • File Storages
        • S3 File Storage
      • BigData & OLAP
        • Big Query
        • Snowflake
        • ClickHouse
        • Elasticsearch
      • Websocket Datasource
    • Query basics
      • Bind Query Data to Components
      • Query library
  • 🪄Workflows
    • n8n Integration
  • 💫Business Logic in Apps
    • Write JavaScript
      • JavaScript query
      • Temporary state
      • Transformers
      • Data responder
      • Built-in JS functions
  • 🙌Publish Apps
    • Share an App
    • Publish an App
    • Embedd an App
      • Embed Apps in React
      • Native embed SDK
        • Build the SDK from Source
  • 🔥OpenFlower Extension
    • Opensource Contribution
      • Develop UI components for Apps
      • Develop Data Source Plugins
    • Use third-party libraries in Apps
      • Day.js Date handling
      • Import your own JavaScript Library
    • Custom component
    • OpenFlower Open REST API
Powered by GitBook
On this page
  • What is OpenFlower?
  • Why choose OpenFlower?
  • How to build Apps in OpenFlower?

OpenFlower overview

NextThe "Hello World" tutorial

Last updated 6 months ago

What is OpenFlower?

OpenFlower is an easy-to-use open-source low-code platform to build customer-facing, embeddable Saas applications within minutes.

Traditionally, building an application requires complex frontend and backend interactions with hundreds and thousands of lines of code, not to mention work on packaging, integration, and deployment. OpenFlower significantly reduces the work you need to do to build and publish an application.

In OpenFlower, all you need to do is drag and drop pre-built or self-customized components onto the What-You-See-Is-What-You-Get (WYSIWYG) canvas, along with ready-to-connect databases and APIs, OpenFlower helps you build an app quickly and focus on business logic.

Why choose OpenFlower?

  • Open source: For cloud and self-hosted deployment. Makes your ideas more feasible.

  • All-in-one platform: Connection to all kinds of data sources and APIs such as Databases, Streaming sources, and Restful APIs, and ensures your data security.

  • Embed Apps everywhere: Apps, that are created with OpenFlower can get embedded natively into Websites, Apps, and Mobile Apps.

  • High scalability: The deployment options allow a single container image, but also a scalable multi-container deployment, so any kind of load is manageable.

  • Extensibility: Add functionality in OpenFlower at multiple places. From simple custom components and external libraries to new data source plugins.

  • Built-in features: Multi-tenant management, Multi-workspaces management, theming, mobile screen, navigation support, fine-grained access control, and audit logs.

How to build Apps in OpenFlower?

  • Quickly and securely connect to your data sources, including PostgreSQL, MongoDB, and online APIs.

  • Create Data queries visually or by SQL or set up request parameters to connect APIs.

  • Use our 100+ UI components to build your app UI and bind and display query data with UI components like Tables, Charts, and Lists.

  • Set up event handlers to trigger queries, control components, or other actions in reaction to user interactions.

  • Preview and share your app with others.

Clean design: Follows the principles of and supports display on screens of different sizes for Desktop and Mobile Applications.

Building an app :

Ant Design
Hello World Tutorial