Sidebar component using TailwindCSS and AlpineJS

A simple dashboard (admin panel) template focusing on the sidebar component. The page also includes a navbar with a simple search box and action icons.

Main assumptions for the sidebar:

• slim version after loading
• extended on mouse hover (for a screen of min. 640px)
• possibility of expansion on click (for a screen of min. 768px)
• ability to hide on click
• for a screen smaller than 480px hidden (available after clicking, hides when hovered over)

Additionally:

• drop-down menu possible
• theme selection (system, light, dark)
• Navbar with logo, search box, action icons

Demo:

Live Demo