26 августа 2026 г.
Интерфейс теперь собирают вокруг сайдбара: у shadcn/ui готовых панелей уже 16
Панель слева стала несущей конструкцией приложения, а не навигацией сбоку.

shadcn
@shadcn
Дизайн начинается с сайдбара.
Всё — сайдбар.
· 8,4 тыс. просмотров
Боковую панель пробовали закрыть навсегда: два года назад shadcn выложил под неё ядро из 25 компонентов.
Не помогло. Из навигации сбоку панель превратилась в место, за которое спорят фичи: «sidebar-first работает, а потом каждая фича просит там постоянную прописку», пишет в треде Михаил Рогов.
Ставится одной командой. `pnpm dlx shadcn@latest add sidebar` кладёт компонент в проект. На выбор три основы: Base UI по умолчанию, React Aria и Radix UI. В каталоге блоков лежат 16 собранных сайдбаров, от sidebar-01 до sidebar-16, каждый ставится своей командой вида `npx shadcn add sidebar-01`.
Дефолты уже заданы. Ширина панели 16rem, на телефоне 18rem, прячется и открывается по cmd+b (на Windows ctrl+b). Режима сворачивания три: offcanvas, icon и none.
Раньше боковую панель каждый проект собирал сам. Ядро октября 2024 года автор объяснил так: «Я не люблю строить сайдбары. Поэтому построил 30+ штук. Всех типов. Потом упростил ядро в sidebar.tsx». Компонент подхватывают Next.js, Remix, Vite и Laravel.
Обновление со старой версии придётся доводить руками: у Sidebar появился проп `dir`, изменились data-атрибуты позиционирования и классы SidebarRail.
В треде шутят про три неизбежности: смерть, налоги и sidebar v2.
Последняя запись в чейнджлоге shadcn/ui датирована августом 2026: приватные GitHub-реестры, чтобы команды ставили компоненты из своих закрытых репозиториев.
Первоисточник