Adminforth
Create Agentic admin panels faster on TypeScript and Vue.js with AdminForth Framework. Setup main CRUD pages within minutes, extend as you need
Last verified:
What is Adminforth?
AdminForth is an open-source admin panel framework built on Node.js, Vue3, and TailwindCSS designed to help developers create backoffice systems and administrative panels quickly. It generates full CRUD functionality (list, show, edit, create, filter) out of the box by connecting to your database URL, setting up main CRUD pages within minutes. The framework is agent-first, featuring a native built-in AI agent that works with inference APIs like OpenAI Responses API or Anthropic Messages.
Key features include OWASP-compliant authentication and authorization, OAuth2/OpenID SSO with premade adapters for Google, GitHub, Facebook, Keycloak, and Microsoft, RFC 6238-compliant TOTP-based 2FA with WebAuthn PassKeys, dark mode out of the box, branding and theming options, custom pages and dashboards with Vue3 components, user and role management, and a rich built-in component library (AdminForth AFCL). The framework includes numerous plugins: Audit Log, file upload to Amazon S3, AI autocomplete/Copilot, LLM-based translation, Rich Editor WYSIWYG, Import/Export CSV, Bulk AI for data generation, Quick Filters, Background Jobs management, List in-place edit, and Inline create.
AdminForth is designed for developers building administrative panels, backoffice systems, and internal tools who want to avoid starting from scratch. It's particularly suitable for Node.js and Vue.js developers who need rapid development of CRUD-based admin interfaces, teams requiring secure authentication with SSO/2FA, and projects that benefit from AI-powered features like content generation and autocomplete. The framework is completely free with no paid versions or cloud subscriptions.
Adminforth pricing
Pricing model: Freemium
AdminForth is completely free and open-source with no paid versions, no cloud subscriptions, and no hidden costs. There are no pricing plans or fees associated with AdminForth - it is designed to be freely available for all developers. The framework can be used without any cost for creating admin panels with Node.js, Vue3, and TailwindCSS. License is open-source. The only potential costs are for third-party services you may use with plugins (LLM API keys for AI features, Amazon S3 for file uploads).
Adminforth pros
- Completely free and open-source with no paid versions
- No cloud subscriptions or hidden costs
- CRUD functionality out of the box in minutes
- Native built-in AI agent with OpenAI/Anthropic support
- OWASP-compliant authentication ready to use
- OAuth2 SSO with Google, GitHub, Facebook, Keycloak, Microsoft adapters
- RFC 6238-compliant 2FA with TOTP and WebAuthn PassKeys
- Dark mode enabled by default
- Vue3-based for easy extension with custom components
- TailwindCSS-based design with theme customization
- Rich built-in component library (AdminForth AFCL)
- 20+ official plugins including Audit Log, Upload, AI autocomplete
- Express API integration from custom components
- LLM-based translation plugin for any language
- Background jobs plugin for long-running tasks
- Import/Export CSV for easy data migration
- Bulk AI plugin for generating data and images
- In-place list editing for quick data updates
- Inline create plugin for massive record creation
- Detailed step-by-step documentation for all skill levels
Adminforth cons
- Node.js and Vue.js only - no support for other backends
- Requires database URL initialization - not serverless
- 145 MB repository size may be large for some projects
- AI features require separate LLM API keys and costs
- Amazon S3 required for file upload plugin
- No built-in hosted cloud version - self-hosted only
- Learning curve for Vue3 customization
- Primarily focused on admin/backoffice use cases
- No no-code option - requires developer knowledge
- Global installation must be avoided - project-level only
Frequently asked questions about Adminforth
Is AdminForth free to use?
Yes, AdminForth is completely free and open-source. There are no paid versions, no cloud subscriptions, and no hidden costs. It can be used without any cost for creating admin panels with Node.js, Vue3, and TailwindCSS.
What databases does AdminForth support?
AdminForth initializes with your database URL. It works with databases that can be connected via Prisma (the framework uses Prisma for database migrations as shown in the dev-demo with .prisma files). You describe the tables you wish to see in admin and get fully functional UI for your data.
How do I get started with AdminForth?
Run 'npx adminforth create-app' in your project directory to initialize AdminForth. Initialize it with your database URL in a Node.js file, describe the tables you want to see in admin, and you'll get fully functional UI with filter, create, edit, and remove operations. The framework can set up a hello world in 5 minutes.
What security features does AdminForth include?
AdminForth includes OWASP-compliant sign-in authentication, OAuth2/OpenID SSO plugin (RFC 6749 compliant) with premade Google, GitHub, Facebook, Keycloak, Microsoft adapters, and RFC 6238-compliant TOTP-based 2FA with WebAuthn PassKeys for additional security on login and preferred actions.
Can I customize the look and branding?
Yes, AdminForth offers branding and theming where you can upload your logo, change colors, update titles, and make the look match your brand. The design is based on TailwindCSS with theme customization available, and dark mode is enabled by default.
How do I add custom pages and components?
AdminForth is Vue3-driven, allowing you to easily extend the admin panel by creating your own Vue3 components and pages. You can add any additional npm packages, create custom pages and dashboards, define Vue components to change various parts of the admin (place in data cells, add above table, inject to header/sidebar), and define Express APIs to call from your components.
What AI features are available in AdminForth?
AdminForth is agent-first with a native built-in AI agent that works with inference APIs like OpenAI Responses API or Anthropic Messages. AI plugins include AI autocomplete/Copilot for writing content using record context, LLM-based translation for any language, and Bulk AI for generating data and images (like product descriptions based on product name and image).
What plugins are available for AdminForth?
AdminForth includes 20+ official plugins: Audit Log (track data changes history), Upload (Amazon S3 file upload), 2FA (TOTP and WebAuthn PassKeys), AI autocomplete, LLM-based translation, Rich Editor WYSIWYG, Import/Export CSV, Bulk AI data generation, Quick Filters, Background Jobs management, List in-place edit, Inline create, Universal quick search, and OAuth2/OpenID SSO with multiple provider adapters.
How do I handle file uploads?
AdminForth provides an Upload Plugin that allows you to upload files to Amazon S3 by instantiating the plugin and providing your S3 credentials. This is a built-in plugin that can be attached to your admin panel.
Can I track user actions and data changes?
Yes, AdminForth includes an Audit Log Plugin that lets you attach audit logging with a couple of lines of code. It creates a table for logs and tracks the full history of any data changes, so you know who did what in your admin panel.