Uh oh!
There was an error while loading. Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
Latest commit
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>
<htmllang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false">
<head>
<metacharset="UTF-8">
<metaname="generator" content="Docusaurus v3.9.2">
<titledata-rh="true">Agent-first open-source admin panel framework</title><metadata-rh="true" name="viewport" content="width=device-width,initial-scale=1"><metadata-rh="true" name="twitter:card" content="summary_large_image"><metadata-rh="true" property="og:image" content="https://adminforth.dev/img/og.jpg"><metadata-rh="true" name="twitter:image" content="https://adminforth.dev/img/og.jpg"><metadata-rh="true" property="og:url" content="https://adminforth.dev/"><metadata-rh="true" property="og:locale" content="en"><metadata-rh="true" name="docusaurus_locale" content="en"><metadata-rh="true" name="docusaurus_tag" content="default"><metadata-rh="true" name="docsearch:language" content="en"><metadata-rh="true" name="docsearch:docusaurus_tag" content="default"><metadata-rh="true" property="og:title" content="Agent-first open-source admin panel framework"><metadata-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."><metadata-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."><metadata-rh="true" property="og:type" content="website"><metadata-rh="true" property="og:site_name" content="AdminForth"><metadata-rh="true" property="og:image:alt" content="AdminForth social card"><metadata-rh="true" name="twitter:title" content="Agent-first open-source admin panel framework"><metadata-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."><metadata-rh="true" name="twitter:image:alt" content="AdminForth social card"><metadata-rh="true" name="twitter:label1" content="License"><metadata-rh="true" name="twitter:data1" content="Open source and free"><metadata-rh="true" name="twitter:label2" content="Stack"><metadata-rh="true" name="twitter:data2" content="Tailwind, Vue, TypeScript"><linkdata-rh="true" rel="icon" href="/img/favicon.png"><linkdata-rh="true" rel="canonical" href="https://adminforth.dev/"><linkdata-rh="true" rel="alternate" href="https://adminforth.dev/" hreflang="en"><linkdata-rh="true" rel="alternate" href="https://adminforth.dev/" hreflang="x-default"><linkdata-rh="true" rel="preconnect" href="https://VSIPOF54AV-dsn.algolia.net" crossorigin="anonymous"><scriptdata-rh="true">functioninsertBanner(){varn=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);vare=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(){void0===window.docusaurus&&insertBanner()})</script><scriptdata-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-08-20T09:43:31.382Z"}</script><linkrel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Agent-first open-source admin panel framework RSS Feed">
<linkrel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Agent-first open-source admin panel framework Atom Feed">
<linkrel="preconnect" href="https://www.google-analytics.com">
<linkrel="preconnect" href="https://www.googletagmanager.com">
<scriptasyncsrc="https://www.googletagmanager.com/gtag/js?id=G-7K99Q2BH04"></script>
<script>functiongtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",newDate),gtag("config","G-7K99Q2BH04",{anonymize_ip:!0})</script>
<linkrel="search" type="application/opensearchdescription+xml" title="Agent-first open-source admin panel framework" href="/opensearch.xml">
<metaname="application-name" content="AdminForth">
<metaname="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<metaname="googlebot" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<metaname="keywords" content="agent-first admin panel framework, open-source admin panel, agentic back office, tailwind admin framework, vue typescript admin panel, internal admin agent">
<linkrel="image_src" href="https://adminforth.dev/img/adminforth_screenshot.png">
<scripttype="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>
<scriptsrc="/scripts/adminforth.js"></script>
<scriptsrc="/scripts/tluma-config.js"></script>
<scriptsrc="https://tluma.ai/widget.js" async></script><linkrel="stylesheet" href="/assets/css/styles.e5bdffa0.css">
<scriptsrc="/assets/js/runtime~main.6733cb4d.js" defer="defer"></script>
<scriptsrc="/assets/js/main.4049765a.js" defer="defer"></script>
</head>
<bodyclass="navigation-with-keyboard">
<svgstyle="display: none;"><defs>
<symbolid="theme-svg-external-link" viewBox="0 0 24 24"><pathfill="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(){vart=function(){try{returnnewURLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{returnwindow.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{constc=newURLSearchParams(window.location.search).entries();for(var[t,e]ofc)if(t.startsWith("docusaurus-data-")){vara=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><divid="__docusaurus"><divrole="region" aria-label="Skip to main content"><aclass="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><navaria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><divclass="navbar__inner"><divclass="theme-layout-navbar-left navbar__items"><buttonaria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svgwidth="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><pathstroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><aclass="navbar__brand" href="/"><divclass="navbar__logo"><imgsrc="/img/logo.svg" alt="AdminForth Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><imgsrc="/img/logo.svg" alt="AdminForth Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><bclass="navbar__title text--truncate">AdminForth</b></a><aclass="navbar__item navbar__link" href="/docs/tutorial/gettingStarted/">Tutorial</a><aclass="navbar__item navbar__link" href="/docs/api/">API</a><aclass="navbar__item navbar__link" href="/blog/">Blog</a></div><divclass="theme-layout-navbar-right navbar__items navbar__items--right"><divclass="navbarSearchContainer_Bca1"><buttontype="button" class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><spanclass="DocSearch-Button-Container"><svgwidth="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><pathd="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><spanclass="DocSearch-Button-Placeholder">Search</span></span><spanclass="DocSearch-Button-Keys"></span></button></div><ahref="https://demo.adminforth.dev/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Live Demo<svgwidth="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><usehref="#theme-svg-external-link"></use></svg></a><ahref="https://github.com/devforth/adminforth" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svgwidth="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_nPIU"><usehref="#theme-svg-external-link"></use></svg></a><divclass="toggle_vylO colorModeToggle_DEke"><buttonclass="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svgviewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP lightToggleIcon_pyhR"><pathfill="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><svgviewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP darkToggleIcon_wfgR"><pathfill="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><svgviewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_g3eP systemToggleIcon_QzmC"><pathfill="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><divrole="presentation" class="navbar-sidebar__backdrop"></div></nav><divid="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_z2l0"><headerclass="hero heroBanner_qdFl"><divclass="container"><h1class="hero__title heroBannerTitle_x9Ns">Agent-first open-source admin panel framework</h1><pclass="hero__subtitle">Build robust and powerful agentic back-office panels for your projects while maintaining full control over the code.</p><divclass="heroRow"><divclass="buttons_AeoN"><aclass="button button--secondary button--outline button--lg" href="/docs/tutorial/gettingStarted/">Get started</a><ahref="https://demo.adminforth.dev/" target="_blank" rel="noopener noreferrer" class="button button--primary button--lg">Live Demo</a></div><divclass="terminalWrapper"><divclass="fakeMenu"><divclass="fakeButtons fakeClose"></div><divclass="fakeButtons fakeMinimize"></div><divclass="fakeButtons fakeZoom"></div></div><divclass="fakeScreen"><pclass="line1"><spanstyle="user-select:none;opacity:0.6">$ </span><spanstyle="opacity:0.9">npx adminforth create-app</span></p></div></div></div></div></header><divclass="laptop_container"><divclass="laptop"><divclass="laptop__screen"><iframeclass="demoFrame_od2x" src="https://demo.adminforth.dev/overview?autologin=demo%40adminfoth.dev%3Ademo&embedZoom=0.7" title="AdminForth live demo"></iframe></div><divclass="laptop__bottom"><divclass="laptop__under"></div></div><divclass="laptop__shadow"></div></div></div><main><divclass="videoSection_IRUm"><divclass="videoWrapper_XWWU"><iframeclass="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><h2class="hero__title text--center">What it can do for you</h2><divclass="cardsWrapper_aGdQ"><divclass="card-demo"><divclass="card shadow--md" style="max-width:500px;height:100%"><divclass="card__image"><imgsrc="/assets/images/login_form-e39e8b344176092f67e67a90816672db.png" alt="Authentication and Authorization" title="Authentication and Authorization"></div><divclass="card__body"><h3>Authentication and Authorization</h3><small>OWASP-Compliant Sign-In done for you</small></div><divclass="card__footer"><aclass="button button--primary button--block" href="/docs/tutorial/gettingStarted">Learn how</a></div></div></div><divclass="card-demo"><divclass="card shadow--md" style="max-width:500px;height:100%"><divclass="card__image"><imgsrc="/assets/images/sso-a3bfb421a09e53b312267169c026b44f.png" alt="OAuth2/OpenID SSO Plugin - one click login" title="OAuth2/OpenID SSO Plugin - one click login"></div><divclass="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>