Демо FAB-виджета

Попробуйте виджет

Плавающая кнопка находится в правом нижнем углу. Кликните по ней, чтобы открыть виджет!

Возможности

Чистый TypeScript + Web Components
Инкапсуляция через Shadow DOM (никаких конфликтов стилей)
Адаптивный дизайн для мобильных
Плавные анимации и переходы
Состояния загрузки и уведомления
Не требует настройки — просто подключите скрипт
Доступность для пользователей с особыми потребностями

Интеграция

<script src="https://ai-widget.pages.dev/fab-widget.iife.js"></script>

Готово! Просто добавьте этот тег на свой сайт, и виджет появится автоматически.

Прокрутите страницу и протестируйте

FAB-виджет всегда закреплён внизу справа

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

Нажмите на плавающую кнопку, чтобы открыть виджет
Выберите пример или введите свой запрос
Нажмите «Сгенерировать» — появится индикатор загрузки
После обработки появится значок уведомления
Снова откройте виджет, чтобы увидеть ответ