| [ Web Proxy ] |
| Viewing: https://adminforth.dev | [Back] [Original] |
A back-office framework for the two people who already work with agents: the developer, who lets Claude Code or Codex write the panel, and the admin, who lets an agent work inside it. Same repo, same database, same permissions.
$npx adminforth create-app
# Postgres MySQL SQLite Mongo
One panel, written with agents and then worked by them.
Most back-office tools are built for one of the two and leave the other clicking. AdminForth treats both as the normal case, and gives each a first-class surface.
Every generated app ships the files agents look for, and the config is a plain declarative object so Claude Code, Codex, Gemini or Copilot can add a resource, a column or a plugin without being re-taught the project each session.
Turn the same resources into tools an agent can call, so an operator can ask for the data instead of paging through it and change it without a developer in the loop.
Let your agent work the data in your panel read it, clean it up, write it back. An agent is just another frontend for the same data: the same hooks, the same permissions, the same audit log.
Read the MCP docsThree steps, in order. No scaffolding to maintain after.
AdminForth reads the schema you already have nothing is copied or locked into a proprietary format. The panel is an ordinary Node app in your repo, which is also why an agent can edit it and a reviewer can read the diff.
{
dataSource: 'maindb',
table: 'users',
resourceId: 'users',
columns: [
{ name: 'id', primaryKey: true, showIn: { list: false } },
{ name: 'email', required: true, isUnique: true },
{ name: 'role', enum: [
{ value: 'admin', label: 'Admin' },
{ value: 'editor', label: 'Editor' },
] }, // renders as a select
{ name: 'created_at', showIn: { create: false } },
],
}Six minutes, from an empty folder to a working panel.
An existing database, one command, and the agent taking it from there.
What ships, and what a plugin adds on top.
Every screen below is the stock interface or a plugin you enable with a line of config.
[OAuth2/OpenID SSO Plugin - one click login]RFC 6749 SSO plugin with premade Google, Github, Facebook, Keycloak, Microsoft or any custom OAuth2 adapter
Learn how
[2FA Plugin - secure your admin panel]RFC 6238-Compliant TOTP-Based & WebAuthn PassKeys 2FA will add additional security layer (login and preferred actions)
Learn how
[User Sessions Plugin - revoke access from any device]Every browser signed into the panel, with IP, country and last use, revocable in one click and really signed out on logout
Learn how
[Branding and theming]Upload your logo, change colors, update titles, make the look to match your brand
Learn how
[Custom Pages and Dashboards]Create your own pages and dashboards with Vue3 components. Add any additional npm packages and extend your admin panel as you like
Learn how
[LLM-based Translation Plugin - translate your admin and External apps]Use LLMs to translate any external apps (Mobile, Nuxt, etc.) OR/AND admin panel with minimal effort. Any language supported
Learn how
[Audit log Plugin - know who did what]Attach Audit log plugin with couple of lines, create table for logs and track full history of any data changes
Learn how
[AI autocomplete Plugin - write with LLMs]Provide your LLM API key to autocomplete plugin and AI will help you to write your content using record context
Learn how
[Dark mode out of the box]Dark mode is enabled by default, create your own components in Tailwind-way and it will work with no additional friction
Learn how
[Upload Plugin - upload files]Upload files to Amazon S3 with instantiating plugin and providing your S3 credentials
Learn how
[Filters to query your data]AdminForth provides basic filters out of the box and allows you to create your own
Learn how
[Rich Editor Plugin - WYSIWYG]Attach Rich Editor plugin to your text fields and get WYSIWYG editor for your content
Learn how
[List in-place edit Plugin for quick edit]Edit some oftenly used fields in list directly without opening edit page. Decide which fields to be editable in list view
Learn how
[Inline create Plugin for quick create]For tables with small fields number which should be created massively, use inline create plugin to create records directly in list view
Learn how
[Import/Export CSV Plugin]Export tables to CSV and import from CSV with one click. Move data between environments easily
Learn how
[Bulk AI Plugin - generate data for your resources]Use LLMs to fill records with generated data or images. For example, generate product descriptions based on product name and image or generate products images
Learn how
[Quick Filters Plugin - filter your data quickly]Use quick filters to filter your data efficiently. Create custom filters and apply them with a single click
Learn how
[Background Jobs Plugin - manage your background tasks]Use background jobs to handle long-running tasks efficiently. Schedule, monitor, and manage your background processes with ease even after server restarts
Learn how
[Agent Plugin - give AI any task and let it handle it]Provides an internal agent that can perform various tasks based on natural language instructions. Connect it to your data and let it help you with content generation, data management, or any custom use case you can think of
Learn how
[MCP Server Plugin - plug your admin into coding agents]Expose AdminForth resources and actions as remote MCP tools for Claude Code, OpenAI Codex, Gemini CLI and any other MCP client. Every call runs as the AdminForth user who created the auth secret, so your resource permissions, validation and hooks still apply
Learn how
[Dashboard Plugin - creare custom dashboards from web interface]Provides a customizable dashboard plugin that allows you to create and manage dashboards for your data. Connect it to your resources and visualize your data in a meaningful way
Learn how30 of them, installed as npm packages. Open protocols where a protocol exists.
Each one is a line of config and a package and each is documented well enough that an agent can install it for you.
$npx adminforth create-app
| Web Proxy Viewer | New URL | Original Page |