AdminForth

AdminForth: The Free, Open-Source Admin Framework for Node, Vue & Tailwind

AdminForth is a free, open-source admin panel framework designed to help you launch robust back-office applications quickly using Vue 3, Node.js and Tailwind. It emphasizes an easy setup, extensive customization, and a wealth of integrations to build feature-rich admin interfaces.

What it can do for you

• Authentication and Authorization: OWASP-compliant sign-in with robust user management and roles.
• OAuth2/OpenID SSO: One-click login with premade adapters (Google, GitHub, Facebook, Keycloak, Microsoft) or any custom OAuth2 provider.
• AI Autocomplete: Leverage ChatGPT to autocomplete content by providing your OpenAI key.
• Audit Logs: Attach an audit log plugin to track user actions and changes.
• 2FA Security: RFC 6238-compliant TOTP-based two-factor authentication.
• Dark Mode: Out-of-the-box dark mode with Tailwind-based theming.
• Uploads to S3: Simple file uploads to Amazon S3 via an instantiating plugin.
• Custom Pages & Dashboards: Create custom Vue 3 components for pages and dashboards, extend with additional npm packages.
• Branding & Theming: Upload logos, customize colors and titles to match your brand.
• Data Filtering: Basic built-in filters with the ability to create custom queries.
• Rich Text Editor: WYSIWYG editor integration for rich content editing.
• Inline Editing & Inline Create: Edit fields directly in lists and create records inline for fast data entry.
• Import/Export CSV: Jump data between environments with one-click CSV import/export.
• AI Translation: Translate admin panel and external apps using LLMs; supports any language.
• CRUD Out of the Box: Generate a full admin panel by wiring your database URL.
• Vue 3 Driven: Extend effortlessly with custom Vue 3 components and pages.
• Tailwind Look: Theming and styling based on Tailwind with built-in dark mode and easy customization.

How it works

• Install and bootstrap a new AdminForth app with minimal setup.
• Connect your database URL to initialize a complete admin panel.
• Extend with Vue3 components, pages, and npm packages as needed.
• Use built-in plugins for authentication, SSO, audit logs, 2FA, file uploads, AI-assisted features, and more.

Safety and Best Practices

• Open-source license allows for broad use and customization.
• Follow best practices for handling credentials (e.g., securely manage OAuth keys and API keys).

Core Features

• Quick-start admin panel with single command: npx adminforth create-app
• Authentication & Authorization with OWASP guidance
• OAuth2/OpenID SSO with multiple providers
• AI Autocomplete and Translation plugins
• Audit logging to track user actions
• 2FA (RFC 6238) for enhanced security
• Dark mode and Tailwind-based theming
• File uploads to Amazon S3
• Custom pages, dashboards, and Vue 3 components
• Branding and theming customization
• Data filtering and rich text editing
• Inline create/edit for fast data handling
• CSV import/export across environments
• CRUD scaffolding out of the box
• Rich plugin ecosystem and extensibility

How to Use

1. Install and bootstrap a new app: npx adminforth create-app
2. Configure authentication / OAuth providers and database URL
3. Add pages, dashboards, and components as needed
4. Enable desired plugins (Audit Log, 2FA, AI features, etc.)
5. Deploy and monitor with built-in admin tooling

Documentation & Resources

• Live Demo, API, Blog, and Tutorial sections available
• Source code and examples on GitHub

Licensing

• Free, open-source project under the applicable license terms