Проект / TypeScript

millionco/isolet: Isolet — упаковка компонентов в изолированные виджеты

Создавайте самодостаточные виджеты из любых компонентов и встраивайте их в любые веб-страницы без конфликтов стилей и скриптов.

Экспериментальная TypeScript-библиотека для создания изолированных виджетов. Позволяет упаковать любой компонент в самодостаточный блок, который можно встроить через script-тег, ESM или CommonJS. Основной API — функция createIsolet, которая принимает имя,...

★ 40 TypeScript Форки 1 Issue 0 Оценка 6/10 Карточка проверена

Открыть на GitHub Помочь с установкой

Для кого это

Для фронтенд-разработчиков, которые создают переиспользуемые компоненты для встраивания в сторонние сайты, микросервисные интерфейсы или виджетные системы.

Проблема / задача

При встраивании компонентов в чужие страницы возникают конфликты CSS, глобальные переменные перезаписываются, а стили утекают наружу — Isolet решает это через изоляцию.

Как это работает

Библиотека создаёт контейнер с выбранным уровнем изоляции (Shadow DOM, scoped CSS или без изоляции), инкапсулирует стили и логику компонента, предоставляет API для монтирования, обновления и удаления. Работает с React, Solid, Svelte и vanilla JS через адаптеры или кастомные mount-функции.

Что видно по README

Ключевые возможности

Изоляция через Shadow DOM или scoped CSSГибкие режимы изоляции (shadow-dom, scoped, none)Поддержка CSP nonce для безопасностиCLI для сборки виджетов из конфигурации

Технологии

TypeScriptShadow DOM APIReact

Темы и ключи

iifeisoletwidget

Интересный факт

Можно создать виджет на React, встроить его в страницу на jQuery, а стили React-компонента не будут конфликтовать со стилями основной страницы благодаря Shadow DOM.

С чего начать

Установите npm-пакет isolet-js
Создайте виджет через createIsolet с mount-функцией
Встройте виджет на страницу через widget.mount()

Оценка GitRadar

Удобство

6/10

Свежесть

8/10

Перспектива

7/10

Монетизация

4/10

Общая оценка

6/10

Вердикт GitRadar

Стоит попробовать для экспериментов и нишевых задач, но не для продакшена — проект помечен как очень экспериментальный, API может меняться, а сообщество пока малочисленное (40 звёзд).

Наблюдения по обновлениям

Проект использует современный стек (Turbo, Changesets, pnpm workspaces), есть CLI и демо-приложение, но версия 0.0.1 и мало активности.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий: https://github.com/millionco/isolet
Лицензия: MIT
Создан на GitHub: 9 апреля 2026 г.
Последнее обновление репо: 9 апреля 2026 г.
Последняя проверка GitRadar: 9 апреля 2026 г.
Изученные файлы: .changeset/README.md, package.json, packages/cli/src/index.ts, packages/isolet/src/index.ts, packages/cli/src/cli.ts, apps/demo/src/main.ts

FAQ

Что это такое?

Библиотека для упаковки UI-компонентов в изолированные виджеты, которые можно встраивать в любые веб-страницы.

Для кого подходит?

Для разработчиков, создающих переиспользуемые виджеты, микросервисные интерфейсы или компоненты для встраивания в сторонние среды.

Источники

GitHub исходный код и активность
README описание, ссылки, стартовые материалы

Нужна помощь с millionco/isolet?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.

Смотреть услуги Открыть на GitHub Написать в Telegram