Кейсы

Кейсы сложных интерфейсов

Три живых стенда показывают разные задачи фронтенда: инженерные данные и тяжёлая графика, real-time мониторинг оборудования и интерактивный конструктор. Здесь можно проверить поведение интерфейса, а не только посмотреть скриншот.

BIM

Вьюер IFC в браузере

IFC-модель дома из Renga на Three.js и web-ifc: орбита, клик по элементу, разъезд и гашение этажей, горизонтальное сечение. Можно подставить свой .ifc.

Код и расширенный вьюер с большим набором функций — на GitHub.

Загружаю стенд…

MES

Мониторинг стойки OCP

Стойка OCP на прогоне в духе MES: телеметрия капает в реальном времени, идут шаги теста, узел уходит в аварию. Поток на моках — в проде на его месте WebSocket.

Вычислительный узел

NODE-01

Прогон
Температура58.0 °C
Мощность420 W
Обдув7400 rpm
Шаг теста2/6
Температура · 20–90 °C

Лог стенда

0 пакетов

Каркас

Конструктор каркаса

Та же сетка, что на главной, только руками: стойка, ригель, снос. Под курсором подсвечивается то, что произойдёт по клику, а ссылка на сборку сохраняет каркас целиком.

Загружаю стенд…

Леонид Твердохлебов

Frontend-разработчик Vue и Nuxt, с типизацией на TypeScript. Архитектура, производительность и сложные продуктовые интерфейсы — от данных до релиза.

Обратная связь

  • GitHub

© 2026 Леонид Твердохлебов