Admin Dashboard

Related Examples

• 
  Card kpi Chart

  Targetas kpi con graficas

  Author:
  Raul antonio de la cruz hernandez

  1 month ago

  241
• 
  admin panel UI

  Premium Admin Panel Pack including sidebar navigation, top navbar, dashboard cards, user tables, quick actions, profile section, and footer. Fully responsive with modern clean design using Tailwind CSS.

  Author:
  Lekhraj Ghimire

  6 months ago

  1.6k
• 
  Responsive Dashboard

  1. Background Colors: 1. Main background: `bg-indigo-50` 2. Welcome card: `bg-indigo-100` with `border-indigo-200` 3. Inbox card: `bg-blue-100` with `border-blue-200` 4. Overlay: `bg-indigo-900/50` 2. Text Colors: 1. Header text: `text-indigo-800` 2. Logo: `text-blue-900` and `text-indigo-800` 3. Menu items hover: `hover:text-indigo-800` 4. Card headings: `text-blue-900` 3. Button/Badge Colors: 1. Welcome badge: `bg-indigo-800` 2. Inbox button: `bg-blue-800` with `hover:bg-blue-900` 3. Stats card titles: `text-indigo-800` 4. Maintained all functionality: 1. Responsive design 2. Animations and transitions 3. Mobile menu 4. Hover effects 5. Notification animation The color scheme now uses a mix of Indigo-800 and Blue-900 while maintaining visual hierarchy and accessibility. The colors create a professional and cohesive look across all components.

  Author:
  nejaa badr

  1 year ago

  4.3k
• 
  sidebar

  This sidebar implementation includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support 4. Beautiful animations and effects: 1. Slide-in animation when opening the sidebar 2. Fade-in animation for menu items with staggered delays 3. Hover effects on menu items with underline animation 4. Smooth color transitions 5. SVG icons for menu items 6. User profile section at the bottom of the sidebar 7. Close button for easy dismissal on mobile 8. Main content area with a toggle button for the sidebar 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The sidebar has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Menu items have hover effects with background color changes and underline animations - Icons change color on hover - The sidebar slides in from the left with a smooth animation - Menu items fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The layout is responsive, with the sidebar hiding off-screen on mobile and a toggle button to show/hide it This implementation provides a visually appealing and functional sidebar with various animations and effects, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions.

  Author:
  nejaa badr

  1 year ago

  4.4k
• 
  pange

  pejdz

  Author:
  Anonymous

  2 years ago

  11.8k
• 
  quora/reddit

  reddit / quora have some kind of same template. looksalikes. brothas

  Author:
  Anonymous

  2 years ago

  12.6k
• 
  sidebar

  Author:
  Abhishek Kumar

  3 months ago

  394
• 
  sidebar

  Author:
  Abhishek Kumar

  3 months ago

  575
• 
  Admin panel with collapsible menus

  Author:
  Rajesh Maheshwari

  9 months ago

  4.9k
• 
  KPI Cards

  estilo Shopify / Stripe

  Author:
  Raul antonio de la cruz hernandez

  1 month ago

  59
• 
  Best Chatting dashboard

  create a modern WhatsApp-like chat dashboard with 3D effects, animations, and a sleek design. This will be a static view showcasing the interface with Nicole Shalom as the developer.

  Author:
  Nicole Shalom

  7 months ago

  837
• 
  Admin Panel

  Source https://gist.github.com/visualval/8aaaad794256313fa2310b997e8a9b8f

  Author:
  Mr Robot

  3 years ago

  24.6k