Dark Admin Panel
PagesFull Preview
A sleek dark admin panel with modern interface.
Preview Size:
AdminHub
Welcome back, Admin
A
Admin
Super Admin
users
Manage your users efficiently
Showing 4 of 1,247 users
| User | Role | Status | Last Login | Actions |
|---|---|---|---|---|
J John Doe john@example.com | Admin | Active | 2 hours ago | |
J Jane Smith jane@example.com | Editor | Active | 1 day ago | |
M Mike Johnson mike@example.com | User | Inactive | 1 week ago | |
S Sarah Wilson sarah@example.com | Editor | Active | 3 hours ago |
Viewing in Desktop size (1200px × 800px)View Full Size
Usage Instructions
Installation
Copy the component code and paste it into your project. Make sure you have the required dependencies installed.
bash
npm install framer-motion lucide-reactBasic Usage
Import and use the component in your React application:
tsx
import { DarkAdminPanel } from '@/components/dark-admin-panel';
export default function MyPage() {
return (
<div>
<h1>My Page</h1>
<DarkAdminPanel />
</div>
);
}Customization
This component accepts various props for customization. Check the component code to see all available props and their types.
Component Info
Category
Pages
Framework
React + Next.jsStyling
Tailwind CSSCSS
Dependencies
framer-motionlucide-react