Tailwind Dashboard

Related Examples

• 
  Sidebar

  This is the sidebar that I use in my projects, I use grid to be able to manage the space issue a little better, it seems like a clean and modern design, it is more than anything for the dashboards that you want to create

  Author:
  Ameth Galarcio

  5 months ago

  2.4k
• 
  pange

  pejdz

  Author:
  Anonymous

  1 year ago

  10.5k
• 
  Employee Data Management System TailwindCSS,Html

  This project is made of only html and even tailwind is using CDN to save storage space. Best for SPA and routing with other components .

  Author:
  Siva Naga Malleswararao Kurakula

  2 months ago

  466
• 
  dashboard layout

  Author:
  AKASH GANDHAR

  1 month ago

  206
• 
  Admin Panel

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

  Author:
  Mr Robot

  2 years ago

  22.1k
• 
  quora/reddit

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

  Author:
  Katherine Glenn

  4 months ago

  1.1k
• 
  Adminpanel

  Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.

  Author:
  Алла Телегина

  1 month ago

  486
• 
  Admin Panel

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

  Author:
  Lior Medan

  7 months ago

  2k
• 
  Admin Panel

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

  Author:
  SANJAY SINGH GARIYA

  2 months ago

  506
• 
  canvas fully covers

  canvas fully covers

  Author:
  ABDESLAMI ACHRAF

  4 months ago

  2.2k
• 
  Boilerplate for Admin Panal

  Author:
  Brandon D

  2 years ago

  14k
• 
  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

  5 months ago

  2.7k