AdminForth - fully free Node.js admin panel framework on Vue & Tailwind

• Try live demo (Read-only mode)

• Hello world in 5 minutes with AdminForth.

• Full API reference.

Features:

• AdminForth is always free and open-source (no paid versions, no cloud subscriptions sh*t)
• Init AdminForth with your database URL in Node.js file, easily describe the tables you wish to see in admin, and get fully functional UI for your data (filter, create, edit, remove)
• Define Vue components to any part (place in data cell, instead of row, add something above the table, inject something to header or sidebar, add custom page with charts)
• Define express APIs and call them from your components and pages
• Use various modern back-office-must-have plugins like audit log, files/image upload, TOTP 2FA, Copilot-style AI writing and images generation

Previews

Custom Dashboard:

Chat-GPT plugin:

Image DALEE Generation

For developers

cd adminforth
npm ci
npm run build

# create link to built "adminforth" package in local system
npm link

# this will install deps in all plugins and link adminforth package
npm run ci-plugins

# this will install deps in all plugins and link adminforth package
npm run ci-adapters

# this is dev demo for development
cd dev-demo
cp .env.sample .env
npm ci
npm run migrate
npm start

Add some columns to a database. Open .prisma file, modify it, and run:

npm run namemigration -- --name desctiption_of_changes