Skip to Content
Get StartedQuick Start

Getting Started with Momen

Momen is a comprehensive no-code development platform that integrates application building, deployment, and operations into one unified workflow. This guide introduces Momen’s product philosophy and systematic development approach, helping you understand the complete framework for building applications.

Quick Start Video

Watch this 5-minute video to quickly understand Momen’s development process: 👉 Build an App from Data to Logic to UI Design

What is an Application?

An application is a software tool designed to solve a specific problem, featuring a user interface and supporting data operations (create, read, update, delete). Building applications requires clear business logic, well-designed data models, UI construction with event interactions, and ultimately deployment with ongoing maintenance.

Momen’s Product Philosophy

At Momen, we believe software development should be simple, systematic, and focused on results. Our approach is built on three core principles:

Unified Platform

We bring the entire development process—from building to deployment to maintenance—into one platform. No more switching between different tools or managing complex integrations. Everything you need is in one place.

Systematic Approach

We structure development around three clear phases: Building, Publishing, and Maintenance. This systematic approach ensures your applications are built with scalability and user experience in mind from the start.

Results-Focused

We focus on what matters most: helping you build applications faster, with predictable costs, and the ability to scale. Every feature in Momen is designed to help you achieve your business goals.

💡

Experienced developers can jump to concise docs below and start building. New users may want to follow the full documentation order.

Application Building Framework

UI Building

Three Positioning Methods

Effective use of positioning methods helps create better layouts. Momen supports three positioning methods: relative, absolute, and fixed.

  • Relative Positioning: Arrange components sequentially within their parent container, with positions determined relative to siblings or the parent.
  • Absolute Positioning: Fix a component’s position relative to its parent, unaffected by siblings. For example, adding an identity badge on a user card.
  • Fixed Positioning: Keep a component fixed relative to the page, such as a navigation bar always at the top.

Conditional View

To display different UIs in different scenarios, use the Conditional View component. Create cases, set conditions, and build UI for each case. For example, show a login button when not logged in, and user info after login.

Data Processing

Relational Tables

After learning advanced UI configuration, move to data interaction. In real scenarios, tables are often related. You can create one-to-one or one-to-many associations between tables. For example, a one-to-many association between user and post tables allows finding all posts by a user or the publisher of a post.

External Data via API

Besides database data, Momen supports obtaining external data via API. Create an API, set the request method according to the external interface, and select it as the data source for components.

Data Usage Patterns

List components and Select View can directly use tables or APIs as data sources. Other components need to declare remote data on the page first, then bind via “In-component data - remote data.” When fetching server data, you can sort, filter, and deduplicate to optimize performance.

Conditional Data and Formulas

Momen’s data binding supports displaying different data under different conditions and formula processing, including math, string, and date/time operations.

Action Configuration

Custom Actions via API

Momen provides over 100 built-in Actions for AI execution, payment, sharing, navigation, and component operations. For advanced needs, customize Actions via API function, then execute using “Request - Call API” Action.

Actionflow

For complex workflows involving data operations, permissions, etc., use Actionflow. It integrates multiple node types: database CRUD, third-party API calls, code blocks, AI execution, etc. Actionflow supports conditional branches and can be triggered by button clicks or automatically via Schedule, Database Changes, and Webhook triggers.

Specialized Actions

  • AI Action: Configure M-AI first, then use AI Action to call it on frontend or in Actionflow
  • Login Action: Configure login settings first, then add Login Action to components
  • Payment Action: Available for Pro Plan users, with built-in Stripe Payment Action

Publishing and Maintenance Framework

Permission Configuration

Before publishing, configure permissions to control access and operations for different user roles on tables, APIs, and Actionflows. Momen supports row-level permission control.

Custom Domain

After completing UI, data, and Action building, click “Publish.” Momen provides a free domain. For enhanced brand credibility and SEO, configure a custom domain (available for Basic Plan and above).

Resource Management

As your app runs, monitor resource usage in real-time on the Project Detail panel. Momen provides resources for each version. When resources are low, upgrade your plan, purchase resource packages, or single-tenant servers to maintain normal operation.

Development Best Practices

Systematic Approach

  1. Start with Data Model: Design your data structure first
  2. Build UI Components: Create interfaces based on data requirements
  3. Configure Actions: Implement business logic and interactions
  4. Test Iteratively: Use real-time preview and test data
  5. Deploy and Monitor: Publish and monitor performance

Iterative Development

  • Build core features first, then add advanced functionality
  • Test each component as you build
  • Use conditional logic for complex scenarios
  • Optimize performance with proper data filtering

🥳 Start Building Now ➡️

Last updated on