-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
37 lines (31 loc) · 33.7 KB
/
Copy pathindex.html
File metadata and controls
37 lines (31 loc) · 33.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!doctype html>
<html lang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v3.9.2">
<title data-rh="true">Agent-first open-source admin panel framework</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://adminforth.dev/img/og.jpg"><meta data-rh="true" name="twitter:image" content="https://adminforth.dev/img/og.jpg"><meta data-rh="true" property="og:url" content="https://adminforth.dev/"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Agent-first open-source admin panel framework"><meta data-rh="true" name="description" content="Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code. AdminForth is a flexible, modern foundation for developer-owned back-end management systems."><meta data-rh="true" property="og:description" content="Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code. AdminForth is a flexible, modern foundation for developer-owned back-end management systems."><meta data-rh="true" property="og:type" content="website"><meta data-rh="true" property="og:site_name" content="AdminForth"><meta data-rh="true" property="og:image:alt" content="AdminForth social card"><meta data-rh="true" name="twitter:title" content="Agent-first open-source admin panel framework"><meta data-rh="true" name="twitter:description" content="Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code. AdminForth is a flexible, modern foundation for developer-owned back-end management systems."><meta data-rh="true" name="twitter:image:alt" content="AdminForth social card"><meta data-rh="true" name="twitter:label1" content="License"><meta data-rh="true" name="twitter:data1" content="Open source and free"><meta data-rh="true" name="twitter:label2" content="Stack"><meta data-rh="true" name="twitter:data2" content="Tailwind, Vue, TypeScript"><link data-rh="true" rel="icon" href="/img/favicon.png"><link data-rh="true" rel="canonical" href="https://adminforth.dev/"><link data-rh="true" rel="alternate" href="https://adminforth.dev/" hreflang="en"><link data-rh="true" rel="alternate" href="https://adminforth.dev/" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://VSIPOF54AV-dsn.algolia.net" crossorigin="anonymous"><script data-rh="true">function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container";n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span> (default value)</p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}document.addEventListener("DOMContentLoaded",function(){void 0===window.docusaurus&&insertBanner()})</script><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"AdminForth","alternateName":"Agent-first open-source admin panel framework","url":"https://adminforth.dev/","description":"You can use AdminForth to build robust and powerful agentic back-office panels for your projects while maintaining full control over the code. It is designed for developers who need a flexible, modern foundation for back-end management systems.","image":"https://adminforth.dev/img/og.jpg"},{"@type":"SoftwareApplication","name":"AdminForth","alternateName":"Agent-first open-source admin panel framework","applicationCategory":"BusinessApplication","applicationSubCategory":"Admin panel framework","operatingSystem":"Web browser","url":"https://adminforth.dev/","image":"https://adminforth.dev/img/og.jpg","screenshot":"https://adminforth.dev/img/adminforth_screenshot.png","description":"You can use AdminForth to build robust and powerful agentic back-office panels for your projects while maintaining full control over the code. It is designed for developers who need a flexible, modern foundation for back-end management systems.","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"featureList":["Connect to existing Postgres, MySQL, SQLite, or MongoDB data, provide an OpenAI or Anthropic API key, and start using the internal agent in natural language with npx adminforth create-app.","Ships assets for coding agents like Claude, Codex, Copilot, and Antigravity, including AGENTS.md, CLAUDE.md, llms.txt, and skills.","Always open-source and free.","Built with Tailwind CSS and fully extendable with Vue and TypeScript.","Premade RFC and OWASP-compatible plugins for TOTP, passkeys, third-party auth providers, and audit logs.","Rich component library for custom admin controls and pages."],"sameAs":["https://github.com/devforth/adminforth","https://demo.adminforth.dev/"]}],"dateModified":"2026-06-15T11:55:22.540Z"}</script><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Agent-first open-source admin panel framework RSS Feed">
<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Agent-first open-source admin panel framework Atom Feed">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://www.googletagmanager.com">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7K99Q2BH04"></script>
<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-7K99Q2BH04",{anonymize_ip:!0})</script>
<link rel="search" type="application/opensearchdescription+xml" title="Agent-first open-source admin panel framework" href="/opensearch.xml">
<meta name="application-name" content="AdminForth">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<meta name="googlebot" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<meta name="keywords" content="agent-first admin panel framework, open-source admin panel, agentic back office, tailwind admin framework, vue typescript admin panel, internal admin agent">
<link rel="image_src" href="https://adminforth.dev/img/adminforth_screenshot.png">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"AdminForth","url":"https://adminforth.dev","description":"Agent-first open-source admin panel framework. Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code.","keywords":"backoffice, vue backoffice, agent-first admin panel framework, open-source admin panel, agentic back office, tailwind admin framework, vue typescript admin panel, internal admin agent"}</script>
<script src="/scripts/adminforth.js"></script>
<script src="/scripts/tluma-config.js"></script>
<script src="https://tluma.ai/widget.js" async></script><link rel="stylesheet" href="/assets/css/styles.340f8907.css">
<script src="/assets/js/runtime~main.f1753395.js" defer="defer"></script>
<script src="/assets/js/main.afb09618.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
<svg style="display: none;"><defs>
<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
</defs></svg>
<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="AdminForth Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="AdminForth Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">AdminForth</b></a><a class="navbar__item navbar__link" href="/docs/tutorial/gettingStarted/">Tutorial</a><a class="navbar__item navbar__link" href="/docs/api/">API</a><a class="navbar__item navbar__link" href="/blog/">Blog</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><a href="https://demo.adminforth.dev/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Live Demo<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a><a href="https://github.com/devforth/adminforth" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP systemToggleIcon_QzmC"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_z2l0"><header class="hero heroBanner_qdFl"><div class="container"><h1 class="hero__title heroBannerTitle_x9Ns">Agent-first open-source admin panel framework</h1><p class="hero__subtitle">Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code.</p><div class="heroRow"><div class="buttons_AeoN"><a class="button button--secondary button--outline button--lg" href="/docs/tutorial/gettingStarted/">Get started</a><a href="https://demo.adminforth.dev/" target="_blank" rel="noopener noreferrer" class="button button--primary button--lg">Live Demo</a></div><div class="terminalWrapper"><div class="fakeMenu"><div class="fakeButtons fakeClose"></div><div class="fakeButtons fakeMinimize"></div><div class="fakeButtons fakeZoom"></div></div><div class="fakeScreen"><p class="line1"><span style="user-select:none;opacity:0.6">$ </span><span style="opacity:0.9">npx adminforth create-app</span></p></div></div></div></div></header><div class="laptop_container"><div class="laptop"><div class="laptop__screen"><iframe class="demoFrame_od2x" src="https://demo.adminforth.dev/overview?autologin=demo%40adminfoth.dev%3Ademo&embedZoom=0.7" title="AdminForth live demo"></iframe></div><div class="laptop__bottom"><div class="laptop__under"></div></div><div class="laptop__shadow"></div></div></div><main><div class="videoSection_IRUm"><div class="videoWrapper_XWWU"><iframe class="videoFrame_Py2W" src="https://www.youtube-nocookie.com/embed/4tB8uzY__uk" title="AdminForth overview video" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div></div><h2 class="hero__title text--center">What it can do for you</h2><div class="cardsWrapper_aGdQ"><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/login_form-e39e8b344176092f67e67a90816672db.png" alt="Authentication and Authorization" title="Authentication and Authorization"></div><div class="card__body"><h3>Authentication and Authorization</h3><small>OWASP-Compliant Sign-In done for you</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/gettingStarted">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/sso-a3bfb421a09e53b312267169c026b44f.png" alt="OAuth2/OpenID SSO Plugin - one click login" title="OAuth2/OpenID SSO Plugin - one click login"></div><div class="card__body"><h3>OAuth2/OpenID SSO Plugin - one click login</h3><small>RFC 6749 SSO plugin with premade Google, Github, Facebook, Keycloak, Microsoft or any custom OAuth2 adapter</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/oauth/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/2fa_plugin-b99b1bc08f2fe162b135ffe8f5f46dba.png" alt="2FA Plugin - secure your admin panel" title="2FA Plugin - secure your admin panel"></div><div class="card__body"><h3>2FA Plugin - secure your admin panel</h3><small>RFC 6238-Compliant TOTP-Based & WebAuthn PassKeys 2FA will add additional security layer (login and preferred actions)</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/two-factors-auth/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/branding-0aad53349f471dbc80d6b27dc61dcd91.png" alt="Branding and theming" title="Branding and theming"></div><div class="card__body"><h3>Branding and theming</h3><small>Upload your logo, change colors, update titles, make the look to match your brand</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Customization/branding/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/dashboard-831b4024390d5a23264144fef4469348.png" alt="Custom Pages and Dashboards" title="Custom Pages and Dashboards"></div><div class="card__body"><h3>Custom Pages and Dashboards</h3><small>Create your own pages and dashboards with Vue3 components. Add any additional npm packages and extend your admin panel as you like</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Customization/customPages/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/users_management-ae1326386515d8759821ff97638ac049.png" alt="Users management" title="Users management"></div><div class="card__body"><h3>Users management</h3><small>Manage users and roles with ease, extend as you like</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/gettingStarted">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/translate-f0fdd50f280f007d065e4e1d36256b28.png" alt="LLM-based Translation Plugin - translate your admin and External apps" title="LLM-based Translation Plugin - translate your admin and External apps"></div><div class="card__body"><h3>LLM-based Translation Plugin - translate your admin and External apps</h3><small>Use LLMs to translate any external apps (Mobile, Nuxt, etc.) OR/AND admin panel with minimal effort. Any language supported</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/i18n/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/auditlog-a45132e0520cb6d573e31795863ad513.png" alt="Audit log Plugin - know who did what" title="Audit log Plugin - know who did what"></div><div class="card__body"><h3>Audit log Plugin - know who did what</h3><small>Attach Audit log plugin with couple of lines, create table for logs and track full history of any data changes</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/AuditLog/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/ai_complete-a896f586381f2cf86ae54958ba2a3c3e.png" alt="AI autocomplete Plugin - write with LLMs" title="AI autocomplete Plugin - write with LLMs"></div><div class="card__body"><h3>AI autocomplete Plugin - write with LLMs</h3><small>Provide your LLM API key to autocomplete plugin and AI will help you to write your content using record context</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/text-complete/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/dark-ac2c92d6131e5f51f3961d3c0c1e552f.png" alt="Dark mode out of the box" title="Dark mode out of the box"></div><div class="card__body"><h3>Dark mode out of the box</h3><small>Dark mode is enabled by default, create your own components in Tailwind-way and it will work with no additional friction</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/gettingStarted">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/upload-737425889e5f73534566facca45f107a.png" alt="Upload Plugin - upload files" title="Upload Plugin - upload files"></div><div class="card__body"><h3>Upload Plugin - upload files</h3><small>Upload files to Amazon S3 with instantiating plugin and providing your S3 credentials</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/upload/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/filters-217af865884f065633b93c24509ebec3.png" alt="Filters to query your data" title="Filters to query your data"></div><div class="card__body"><h3>Filters to query your data</h3><small>AdminForth provides basic filters out of the box and allows you to create your own</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Customization/virtualColumns/#virtual-columns-for-filtering">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/richeditor-b8d189773049b4e70b2d7b01868199b3.png" alt="Rich Editor Plugin - WYSIWYG" title="Rich Editor Plugin - WYSIWYG"></div><div class="card__body"><h3>Rich Editor Plugin - WYSIWYG</h3><small>Attach Rich Editor plugin to your text fields and get WYSIWYG editor for your content</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/rich-editor/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/inplace-edit-eae0d6ef4550b88e98b6ca8424f1ed19.png" alt="List in-place edit Plugin for quick edit" title="List in-place edit Plugin for quick edit"></div><div class="card__body"><h3>List in-place edit Plugin for quick edit</h3><small>Edit some oftenly used fields in list directly without opening edit page. Decide which fields to be editable in list view</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/list-in-place-edit/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/inplace-create-2c25b763a789b638dee0ee3aae7361d5.png" alt="Inline create Plugin for quick create" title="Inline create Plugin for quick create"></div><div class="card__body"><h3>Inline create Plugin for quick create</h3><small>For tables with small fields number which should be created massively, use inline create plugin to create records directly in list view</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/inline-create/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/importexport-a5491eeaa7135647a7ddc1a7077232f3.png" alt="Import/Export CSV Plugin" title="Import/Export CSV Plugin"></div><div class="card__body"><h3>Import/Export CSV Plugin</h3><small>Export tables to CSV and import from CSV with one click. Move data between environments easily</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/import-export/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/bulk-ai-flow-9e9ad35c6aed6431d0eee0bbf843f46e.png" alt="Bulk AI Plugin - generate data for your resources" title="Bulk AI Plugin - generate data for your resources"></div><div class="card__body"><h3>Bulk AI Plugin - generate data for your resources</h3><small>Use LLMs to fill records with generated data or images. For example, generate product descriptions based on product name and image or generate products images</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/bulk-ai-flow/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/quick-filters-5d8e43b9d95a42c3f363d9ad5cee5edc.png" alt="Quick Filters Plugin - filter your data quickly" title="Quick Filters Plugin - filter your data quickly"></div><div class="card__body"><h3>Quick Filters Plugin - filter your data quickly</h3><small>Use quick filters to filter your data efficiently. Create custom filters and apply them with a single click</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/quick-filters/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/background-jobs1-773e787cc1ce9c452e6882c12c843290.png" alt="Background Jobs Plugin - manage your background tasks" title="Background Jobs Plugin - manage your background tasks"></div><div class="card__body"><h3>Background Jobs Plugin - manage your background tasks</h3><small>Use background jobs to handle long-running tasks efficiently. Schedule, monitor, and manage your background processes with ease even after server restarts</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/background-jobs/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/agent-4850f73476c1a5447c0c2f7b550e9009.png" alt="Agent Plugin - give AI any task and let it handle it" title="Agent Plugin - give AI any task and let it handle it"></div><div class="card__body"><h3>Agent Plugin - give AI any task and let it handle it</h3><small>Provides an internal agent that can perform various tasks based on natural language instructions. Connect it to your data and let it help you with content generation, data management, or any custom use case you can think of</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/agent/">Learn how</a></div></div></div><div class="card-demo"><div class="card shadow--md" style="max-width:500px;height:100%"><div class="card__image"><img src="/assets/images/dashboards-plugin-d19f2f9bbcb162814d3cc1a8baea93f0.png" alt="Dashboard Plugin - creare custom dashboards from web interface" title="Dashboard Plugin - creare custom dashboards from web interface"></div><div class="card__body"><h3>Dashboard Plugin - creare custom dashboards from web interface</h3><small>Provides a customizable dashboard plugin that allows you to create and manage dashboards for your data. Connect it to your resources and visualize your data in a meaningful way</small></div><div class="card__footer"><a class="button button--primary button--block" href="/docs/tutorial/Plugins/dashboard/">Learn how</a></div></div></div></div><section class="features_t9lD"><div class="container"><div class="row"><div class="col col--4"><div class="text--center"><img src="/assets/images/db2-678ec0d1126b3a4b52fd8d6f6283b21a.png" alt="CRUD Out of the Box" style="border-radius:50px;width:250px"></div><div class="text--center padding-horiz--md"><h3>CRUD Out of the Box</h3><p>Initialize AdminForth with your database URL and get a full-fledged admin panel.</p></div></div><div class="col col--4"><div class="text--center"><img src="/assets/images/vue-48836a8d896de6f19dd7c0aa50b01577.png" alt="Vue3 Driven" style="border-radius:50px;width:250px"></div><div class="text--center padding-horiz--md"><h3>Vue3 Driven</h3><p>Extend easily by creating own Vue3 components and pages</p></div></div><div class="col col--4"><div class="text--center"><img src="/assets/images/tail-ac4965abb6973debbe2474b9103a08a7.png" alt="Tailwind Look" style="border-radius:50px;width:250px"></div><div class="text--center padding-horiz--md"><h3>Tailwind Look</h3><p>Look is based on TailwindCSS, with a themes customization and dark mode available</p></div></div></div></div></section><section class="featuredOnSection_MGqB"><div class="container"><h2 class="featuredOnTitle_HlOA">Featured on</h2><div class="featuredOnBadges_ORU2"><a href="https://auraplusplus.com/projects/adminforth-agent-first-open-source-admin-panel-framework" target="_blank" rel="noopener" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://auraplusplus.com/images/badges/featured-on-light.svg" alt="Featured on Aura++" width="265" height="58"></a><a href="https://peerpush.net/p/adminforth" target="_blank" rel="noopener" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://peerpush.net/p/adminforth/badge.png" alt="AdminForth on PeerPush" width="230"></a><a href="https://openhunts.com" target="_blank" rel="noopener" title="OpenHunts Club" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://cdn.openhunts.com/badges/club.webp" alt="OpenHunts Club Member" width="195"></a><a href="https://toolfio.com" target="_blank" rel="dofollow" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://toolfio.com/toolfio-light-badge.png" alt="Featured on Toolfio" width="200" height="54"></a><a href="https://earlyhunt.com/project/adminforth" target="_blank" rel="noopener" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://earlyhunt.com/badges/earlyhunt-badge-light.svg" alt="Featured on EarlyHunt" width="265" height="58"></a><a href="https://www.producthunt.com/products/adminforth/reviews/new?utm_source=badge-product_review&utm_medium=badge&utm_source=badge-adminforth" target="_blank" rel="noopener noreferrer" class="featuredOnLink_Xt_n"><img class="featuredOnBadgeImage_BxlS" src="https://api.producthunt.com/widgets/embed-image/v1/product_review.svg?product_id=598095&theme=light" alt="AdminForth on Product Hunt" width="250" height="54"></a></div></div></section></main></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/tutorial/gettingStarted/">Tutorial</a></li><li class="footer__item"><a href="https://demo.adminforth.dev/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Live Demo</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/api/">API</a></li><li class="footer__item"><a class="footer__link-item" href="/blog/archive/">Blog Archive</a></li><li class="footer__item"><a class="footer__link-item" href="/search/">Find anything</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://devforth.io" target="_blank" rel="noopener noreferrer" class="footer__link-item">DevForth.io<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://devforth.io/contact" target="_blank" rel="noopener noreferrer" class="footer__link-item">We can develop admin panel for your project<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li><li class="footer__item"><a href="https://github.com/devforth/adminforth" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2026 Devforth sp. z o.o.</div></div></div></footer></div>
</body>
</html>