Every project needs an admin panel. Users, orders, analytics, content management — you name it. And every time, I'd spend weeks building the same CRUD forms, tables, and charts from scratch.
So I built DBoard — an open-source, AI-powered admin panel builder. Connect to any database, describe what you want in plain English, and it builds it for you.
No code. No frameworks to learn. Just results.
What It Looks Like
You connect your database, type something like "Build a user management dashboard with charts" — and DBoard generates the entire thing. Tables, forms, filters, charts. All working.
The Features That Matter
AI Generation
This is the core. Instead of drag-and-drop widgets one by one, you describe what you need:
- "Create a dashboard for tracking orders with status filters and revenue charts"
- "Build a user admin panel with role management"
- "Add a product catalog with search and bulk import"
DBoard generates it instantly. You can then customize everything.
Multi-Database Support
It works with PostgreSQL, MySQL, SQLite, and SQL Server. Connect one, connect all. Each connection gets its own isolated dashboard.
SQL Console
Built-in query editor with syntax highlighting, auto-completion, and export. Run queries, see results, export to CSV/JSON/Excel.
Schema Diff
Compare two database schemas side by side. See what's different, sync changes. Never break production by guessing what changed.
Dashboard Sharing
Export dashboards as JSON. Share with your team. Import on another instance. Version control your dashboards.
Keyboard Shortcuts
-
Ctrl+K— Command palette -
Ctrl+S— Save dashboard -
Ctrl+Z— Undo changes -
Ctrl+D— Duplicate widget
Under the Hood
The stack is battle-tested:
- Next.js 15 — App Router, API Routes, Server Components
- React 19 — Latest features, better performance
- Prisma ORM — Multi-database, type-safe queries
- Tailwind CSS + shadcn/ui — Clean, accessible UI
- Zustand + TanStack Query — State management and data fetching
- 131 tests — All passing with Vitest
Security was a priority:
- SSRF protection on all database connections
- Rate limiting per IP and API key
- RBAC (read/write/admin) with key scoping
- CSP headers in production
- Input validation on every endpoint
Quick Start
git clone https://github.com/Haimanot25/dboard.git
cd dboard
npm install
cp .env.example .env
npx prisma generate && npx prisma db push
npm run dev
Open http://localhost:3000, connect a database, and start building.
Real Use Cases
- Startups — MVP admin panels in minutes, not weeks
- Agencies — Quick dashboards for client projects
- Internal tools — Team-specific data views
- Learning — Understand database structure visually
- Open source — Self-hosted, no vendor lock-in
What's Coming
- [ ] WebSocket real-time updates
- [ ] Dashboard templates
- [ ] More chart types
- [ ] Role-based access per dashboard
- [ ] Mobile responsive views
The Tech Details I'm Proud Of
The AI integration was the hardest part. DBoard:
- Introspects your database schema
- Sends schema + user prompt to AI
- Gets back structured dashboard config
- Renders it as a working dashboard
No hallucinated column names. No broken queries. The AI sees your actual tables and columns.
The SSRF protection was another challenge. Database connections can't be used to scan internal networks. DBoard validates every connection URL, blocks private IPs, and resolves DNS before connecting.
Try It
GitHub: https://github.com/Haimanot25/dboard
Discord: [Join the community] https://discord.gg/7d3KWNzW4 for help and discussion
If this saves you time, star the repo. If you find a bug, open an issue. If you want a feature, let me know.
I'm building this for developers like me who'd rather ship features than build admin panels.
What's your biggest pain point with admin panels? Drop a comment — I'd love to hear what to build next.
Top comments (0)