How Amis Low-Code Frontend Framework Boosts Development Efficiency

Recently, I chatted with friends about the growing number of companies using low‑code frameworks for development.

As front‑end languages become increasingly complex, the learning curve and maintenance cost rise, prompting the emergence of low‑code solutions that require less specialized knowledge.

One such open‑source low‑code front‑end framework is amis , which has nearly 10 K stars on GitHub.

Amis generates pages through JSON configuration, dramatically reducing development effort and improving efficiency.

The latest version (1.60) was updated at the end of the year, fixing many issues.

Key advantages of amis compared with traditional frameworks include:

Low entry barrier – you can build professional, complex interfaces without deep JavaScript knowledge.

Reduced maintenance cost – the JSON‑based approach is less affected by rapid front‑end technology changes.

Visual page editor – more intuitive than static models, and pages can be launched without additional development.

Rich built‑in components such as rich‑text editor, code editor, diff, conditional groups, real‑time logs, avoiding third‑party compatibility issues.

Flexibility – custom components can be added when needed, balancing efficiency and personalization.

Proven use – amis has been used internally at Baidu for years, confirming its practicality.

Below is a simple example of an amis page configuration:

{
  "type": "page",
  "body": "Hello World!"
}

The type field specifies the component to render; in this case, a Page component displaying “Hello World”.

A more complex example adds a tpl component:

{
  "type": "page",
  "body": {
    "type": "tpl",
    "tpl": "Hello World!"
  }
}

And a form configuration can be written as:

{
  "type": "form",
  "body": [
    {
      "type": "input-text",
      "name": "name",
      "label": "姓名"
    }
  ]
}

Amis provides extensive documentation to help users get started. The project repository is available online.