Responsive OFF-Canvas with Tailwind CSS

This is the just Off-Canvas (sidebar or side-navbar) using HTML5, Tailwind CSS, & JavaScript. It is fully responsive to all devices.

Screenshots

Responsive to all devices

Installation

UI Library CDN Link

   <script src="https://cdn.tailwindcss.com"></script>

Google Fonts Link

   <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">