Admin CRUD Dashboard

About This Blueprint

Build a production-ready admin dashboard with complete Create, Read, Update, and Delete functionality for any data entity. Includes a searchable, filterable list view, a detail panel, and modal-based forms with validation — all wired to a clean REST API layer. Perfect for internal tools, CMS backends, or any app that needs a polished management interface fast.

What's Included

• Responsive sidebar navigation (240px) with icon + label links and active state highlight
• Paginated data table with sortable columns, row checkboxes, and bulk-action toolbar
• Search bar and dropdown filter controls (status, category, date range) above the table
• Slide-over detail panel that opens on row click, showing all record fields in a clean layout
• Create/Edit modal form with labeled inputs, select fields, textarea, and inline validation errors
• Confirmation dialog component for destructive delete actions with cancel and confirm buttons
• Toast notification system for success, error, and warning feedback after CRUD operations
• Empty state illustration with call-to-action when no records match the current filters
• Breadcrumb header bar with page title, record count badge, and primary 'New Record' button
• Mock data layer with typed TypeScript interfaces for easy swap to real API endpoints

Compatible AI Tools

This blueprint has been tested and produces reliable results with: