devforth/adminforth

Create Agentic admin panels faster on TypeScript and Vue.js with AdminForth Framework. Setup main CRUD pages within minutes, extend as you need

What it solves

AdminForth provides a fast way to build internal admin panels and back-office tools. It eliminates the need to manually create CRUD (Create, Read, Update, Delete) interfaces for databases, allowing developers to quickly generate a functional UI for managing data without writing repetitive boilerplate code.

How it works

The framework uses a CLI to connect to an existing database (supporting Postgres, MySQL, Mongo, SQLite, and Clickhouse) or scaffold a new one. It automatically generates resource files and a UI for the data tables. Developers can then customize the interface using Vue components, define Express APIs for custom logic, and integrate pre-made building blocks from the AdminForth Component Library (AFCL).

Who it’s for

It is designed for TypeScript developers who need a professional, customizable admin dashboard for their database-driven applications.

Highlights

  • Rapid Scaffolding: Quickly generate a full UI from a database URL using npx adminforth create-app and npx adminforth resource.
  • Database Flexibility: Native support for multiple database engines including SQL and NoSQL options.
  • Extensible UI: Ability to inject custom Vue components into headers, sidebars, or data cells.
  • AI Integration: Includes plugins for Copilot-style AI writing and image generation.
  • Open Source: Completely free with no paid tiers or cloud subscriptions.

Related

  • Project
    google/adk-js

    A code-first TypeScript toolkit for building, orchestrating, and deploying AI agents with full type safety and support for both Node.js and browser environments.

  • Project
    BuilderIO/agent-native

    Agent‑Native is an open‑source TypeScript framework that lets you write actions once and use them both as tools for LLM‑driven agents and as regular UI calls. It provides shared actions, data, and state, a PostgreSQL backend, authentication, automations, and UI surfaces (chat, team workspaces, etc.) to build full‑stack agentic applications such as design assistants, email managers, and analytics bots.

  • Project
    mastra-ai/mastra

    A TypeScript framework for building and scaling AI agents and applications, featuring model routing, graph-based workflows, and production-ready observability.

  • Project
    mcp-use/mcp-use

    A TypeScript framework for building and shipping MCP servers and interactive AI apps with native React views and built-in debugging tools.

  • Project
    growthxai/output

    A TypeScript framework for building AI workflows and agents that integrates prompt management, tracing, and evaluation into a single codebase to avoid SaaS fragmentation.