Интерактивный симулятор ОС в стиле OPPO ColorOS 16 — дизайн Light Field / Liquid Glass (матовое стекло, отражения света, градиентное размытие). Работает прямо в браузере.

Открыть симулятор

• Always-On Display — полноэкранный AOD с обоями и временем. Нажмите → экран блокировки.
• Экран блокировки — часы в 3 стилях (цифровые / «колбасные» / аналоговые), виджеты с матовым стеклом.
• Liquid Glass PIN — клавиатура со светящимися кнопками и бликом. PIN: 1234.
• Flux Home Screen — изменяемый размер иконок долгим нажатием (1×1, 2×1, 1×2, 2×2), док-бар с матовым стеклом.
• Центр управления — тумблеры 4×4, слайдеры яркости и громкости, переключатель тёмной темы.
• Уведомления — стековые, свип вниз по сетке.
• Ящик приложений — свип вверх / тап по папке.
• Приложения: Калькулятор (блик при нажатии), Погода, Часы, Музыка, Галерея, Заметки, Настройки (лимит заряда 80–100%), Телефон, Сообщения, Камера и др.

Действие	Результат
Тап по экрану	AOD → блокировка
Тап по иконке	Открыть приложение
Долгое нажатие на иконку	Изменить размер (Flux)
Свайп вверх на сетке	Ящик приложений
Свайп вниз на сетке	Уведомления
Тап «PIN» на блокировке	Клавиатура (PIN 1234)

index.ts                       Hono-сервер
frontend/
  root.tsx                     HTML-оболочка
  styles.css                   Liquid Glass стили
  apps.tsx                     Каталог приложений
  components/
    App.tsx                    Главный оркестратор (AOD→lock→home→app)
    LockScreen.tsx             AOD + блокировка + PIN
    HomeScreen.tsx             Дом, док, ящик, центр управления, уведомления
    Apps.tsx                   Все приложения
    Icons.tsx                  Иконки приложений
    StatusBar.tsx              Статус-бар + часы
    Intro.tsx                  Панель описания