AdminForth
Open-source TypeScript and Vue framework for building agent-ready back-office admin panels on top of your own database.
About AdminForth
AdminForth is an open-source framework for building self-hosted back-office panels with TypeScript, Vue 3, and database-backed resource definitions. The official site positions it as an agent-first admin panel framework for teams that want robust admin workflows while keeping control of their code. Its getting-started guide shows a CLI flow that can scaffold a working admin app, connect to databases such as PostgreSQL, MongoDB, SQLite, MySQL, ClickHouse, and read-only Qdrant, then add resources that map tables into CRUD, filtering, sorting, and validation screens. AdminForth is strongest when a team needs a real internal operations surface rather than a temporary database browser: authentication, allowed resource actions, role or record-based controls, custom pages, Vue components, dashboard extensions, file upload, import/export, audit logging, i18n, 2FA, and agent workflows can all live in the same code-owned admin app. It is not a managed no-code service; adoption still requires engineering ownership, deployment, database schema decisions, environment secrets, and review of plugin maturity. The agent plugin documentation also marks that tutorial as in progress, so teams should verify agent behavior against the current docs and repository before relying on it for sensitive production operations.
Best for
Best use cases
Scaffolding an internal admin app from a database URL, then generating resource files for the tables that need list, create, edit, delete, filter, and sort screens.
Adding RBAC-style controls to CRUD resources by configuring allowed actions for roles, record ownership, or sensitive operations.
Exposing selected back-office tasks to an agent chat workflow that can search or edit data through configured AdminForth resources.
Replacing a hand-built back-office panel when the product team wants source-code control, Vue customization, and a reusable plugin layer.
Documenting API, plugin, and resource behavior for a team that needs maintainable admin conventions instead of scattered one-off dashboard code.
Compare before choosing
Compare with AdminJS when the decision turns on JavaScript admin-panel maturity, plugin coverage, and whether Vue customization fits better than React-oriented extensions.
Compare with Retool, Forest Admin, Basedash, or other hosted admin tools when speed and managed infrastructure matter more than owning the code and deployment.
Compare with Refine or custom Next.js/Vue admin builds when the team wants a broader frontend framework rather than an opinionated database-backed back office.
Compare with pure database consoles when non-developer staff need safer workflows, permissions, audit trails, uploads, import/export, or agent-assisted actions.
Features
CLI app scaffolding
Start with npx adminforth create-app, provide a database URL, and generate a basic back-office project with a default admin-user resource.
Database-backed resources
Define tables as AdminForth resources to expose list, create, edit, delete, filtering, sorting, validation, and display behavior in the admin UI.
Action-level access control
Use allowedActions to disable or customize list, show, create, edit, and delete behavior by role, user record, or record ownership.
Agent plugin path
The official agent plugin adds a chat surface that can search and edit configured data resources and can be extended with custom skills.
Security-oriented plugins
Official docs cover authentication, OAuth/OpenID SSO, TOTP and WebAuthn 2FA, audit logs, login captcha, email reset, and related admin controls.
Vue and Tailwind customization
Create custom pages, dashboards, resource renderers, page injections, and components with Vue 3 and a Tailwind-oriented visual system.
Operational plugins
Plugin docs and homepage modules cover uploads, import/export, inline create, in-place editing, quick filters, rich editor, background jobs, dashboards, and i18n.
Typed API reference
The TypeDoc API reference exposes classes, interfaces, enums, resource types, endpoint options, filters, sorts, and plugin contracts for deeper integration work.
Pros
- Free and open-source according to the official homepage-linked GitHub repository.
- Good fit for teams that want code ownership instead of a closed hosted back-office tool.
- Combines CRUD resources, auth controls, plugins, dashboards, uploads, audit logging, and i18n in one framework.
- Agent plugin direction is useful for controlled AI workflows over internal data.
- Supports several database connectors and can work with existing databases rather than forcing a new schema tool.
Cons
- Requires engineering ownership for deployment, database modeling, environment secrets, and production hardening.
- No public hosted AdminForth pricing or support plan was found, so commercial support expectations need direct confirmation.
- Some official docs contain rough copy and at least the agent plugin tutorial is marked as in progress.
- Teams using React-first or fully managed internal-tool stacks may find the Vue and self-hosted model less convenient.
- The framework should be evaluated carefully before granting agent workflows access to sensitive production operations.
Pricing Plans
Open-source framework
- CLI project scaffolding
- Database-resource CRUD panels
- Authentication and allowedActions controls
- Vue 3 custom pages and components
- Plugin ecosystem for agent workflows, 2FA, audit logs, uploads, import/export, dashboards, i18n, and more
- TypeDoc API reference and tutorial documentation
* Pricing information is for reference only. Please refer to the latest announcement on AdminForth's official website.