Полный текст
Web Components в стиле shadcn: копипаста вместо npm-адаWeb Components принято ругать: сложно, Shadow DOM неудобен, стили изолированы слишком жёстко. Но когда в одном проекте живут микрофронтенды на React, Vue и jQuery-легаси, поддержка единого UI-кита превращается в ад дублирования кода.Решение нашлось в адаптации подхода shadcn/ui под нативные стандарты. Вместо закрытого npm-пакета — архитектура copy-paste. Вместо трёх разных реализаций кнопки — один Lit-компонент, который валиден и в SPA, и в CMS, и в «голом» HTML.Рассмотрим архитектуру CapsuleUI, настроим автокомплит тегов в VS Code и оценим DX.