explaingit

baidu/amis

★ 18,856TypeScriptAudience · pm founderComplexity · 3/5MaintainedLicenseSetup · easy

TLDR

Low-code framework that builds admin dashboards and internal tools from JSON configuration alone, no HTML, CSS, or JavaScript needed.

Mindmap

mindmap
  root((repo))
    What it does
      JSON to web pages
      Admin dashboards
      Internal tools
    How it works
      Visual editor
      Drag and drop
      Auto-renders UI
    Use cases
      Back-office systems
      Data dashboards
      CMS interfaces
    Tech stack
      TypeScript
      npm package
      React-based

Things people build with this

USE CASE 1

Build a data management dashboard for your team without hiring a frontend engineer.

USE CASE 2

Create a CMS interface by writing JSON configuration instead of custom HTML and CSS.

USE CASE 3

Rapidly prototype multiple admin panels for internal tools using a visual drag-and-drop editor.

USE CASE 4

Deploy back-office systems quickly when speed matters more than custom design.

Tech stack

TypeScriptReactnpm

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose including commercial. Keep the notice and disclose changes to the patent grant.

In plain English

amis is a low-code frontend framework from Baidu that lets you build complete admin and backend web pages using only JSON configuration, no writing HTML, CSS, or JavaScript required. You describe what you want (a table, a form, a chart, a dashboard layout) in a JSON file, and amis renders it into a working web interface automatically. The idea is to dramatically reduce development cost for internal tools and admin panels. A visual editor is also available, meaning even people unfamiliar with code can drag and drop components to build pages, which amis then represents as JSON behind the scenes. You would use it when building back-office systems, data management dashboards, CMS interfaces, or any admin panel where speed of delivery matters more than pixel-perfect custom design. It is particularly aimed at teams that need many such pages quickly without front-end engineering resources for each one. The project is written in TypeScript and published as an npm package.

Copy-paste prompts

Prompt 1
Show me how to create a simple table with search and filters using amis JSON configuration.
Prompt 2
How do I build a form with validation and conditional fields using amis?
Prompt 3
Can you help me set up the amis visual editor to drag-and-drop a dashboard layout?
Prompt 4
What's the JSON structure for a multi-step wizard form in amis?
Prompt 5
How do I integrate amis into my existing TypeScript project as an npm package?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.