Я создал сайдбар без зависимос... Заметка
DEV Community на русском

Я создал сайдбар без зависимостей с перетаскиванием и магнитным прилипанием на чистом JS.

ac_sidebar — это уникальный JavaScript-класс, предназначенный для компонентов боковой панели, работающий без фреймворков, этапов сборки или внешних CSS-библиотек. Он интегрирует собственный CSS и набор SVG-иконок непосредственно, что делает его полностью автономным. Компонент предлагает два уровня меню с рекурсивной структурой и фильтрацией на основе ролей, позволяя меню автоматически скрываться, если они пусты. Он поддерживает пять позиций: слева, справа, сверху, снизу или в перетаскиваемом "свободном" режиме с магнитным притяжением.Боковая панель может сворачиваться в рельс иконок или скрываться за кнопкой-бургером. Она также имеет счетчики-бейджи для каждой записи, поддерживает несколько экземпляров на одной странице и может сохранять состояние с помощью localStorage. Разработчики могут создавать экземпляры ac_sidebar напрямую с объектом конфигурации или загружать его из внешнего JSON-файла.Отличительной особенностью являются ключи и значения конфигурации, которые написаны на французском языке, что отражает его первоначальную разработку для франкоговорящих клиентов. Например, "gauche" используется для "left" (слева), а "clair" для "light" (светлый). Этот класс является частью коллекции автономных, не зависящих от зависимостей JS/PHP классов, поддерживаемых artisan-code.fr. Он специально разработан для проектов, где использование полного фреймворка было бы излишним или чрезмерным.