Флагманы
Живые страницы, не запись экрана
Семь демо — лучше один раз открыть
Сложная графика в браузере: WebGL на шейдерах, написанных с нуля, курсорная физика, параметрическая генерация. Каждое демо — отдельная страница, ничего ставить не нужно.
SLOWLIGHT
Биография одного фотона: скролл-эссе от ядра Солнца до сетчатки, целиком нарисованное одним шейдером, написанным вручную, — без единой картинки.
Открыть демо→
BLOCKSMITH
Страница, которую персонаж собирает по буквам, пока под ней в таймлапсе растёт целая деревня — до шахты со скидкой на дне.
Открыть демо→
AURUM
Бронзовая скульптура на самописных шейдерах: камера облетает её на 360° по скроллу.
Открыть демо→
Ferro
Лендинг студии: liquid-курсор вскрывает второе изображение прямо под указателем.
Открыть демо→
Fluxwave
Неоновый первый экран с живым фоновым видео и собственной физикой курсора.
Открыть демо→
SIGNAL
Вводите тикер — геометрия монеты и палитра пересобираются под него на лету.
Открыть демо→
VAULT
Токеномика вживую: тянете месяц — кривая эмиссии, вестинг и сфера из 4 000 частиц пересчитываются разом.
Открыть демо→Все работы
Листы 01–14
Четырнадцать проектов из практики
Лист 01
Легаси → веб
Vertro — старый инженерный расчёт, перенесённый в браузер
Было настольное приложение на Visual Basic с базами Access — работает только на одном компьютере. Вскрыл базы, вытащил данные и логику, перенёс в веб: девять расчётных модулей и весь каталог оборудования теперь открываются по ссылке.
- Источник
- приложение на VB6, базы Access (.mdb), контролы OCX
- Миграция
- вскрытие баз, извлечение данных из .exe, перенос в SQL
- Перенесено
- база 63 таблицы, 3 471 запись: вентиляторы, двигатели, секции
- Модули
- конфигуратор ЦКВ, подбор вентилятора и привода, акустика, теплообменники, характеристики
- Стек
- Next.js, React
Лист 02
Вентиляция
Вентмаркет — подбор вентиляторов по рабочей точке
Инженер задаёт расход и полное давление — система сама подбирает вентилятор, строит аэродинамическую схему и собирает заказ со всей обвязкой.
- Каталог
- 400+ позиций оборудования
- Расчёт
- ~20 000 полиномиальных характеристик
- Разделы
- аэродинамика, акустика, ЧРП, стоимость владения
- Заказ
- корзина, вес и объём, доставка, запрос КП
- Интеграция
- Битрикс24
- Языки
- русский, английский
Лист 03
Воздуховоды
Вентпром — конфигуратор фасонных изделий
Заказчик собирает изделие по размерам и сразу видит его в превью с проставленными размерами. На выходе — смета и коммерческое предложение, без переписки с менеджером.
- Изделия
- воздуховоды, отводы, переходы, тройники, врезки, зонты
- Ввод
- размеры, материал, тип соединения
- Превью
- перестраивается на лету, с размерными линиями
- Выход
- смета и КП
Лист 04
3D-конфигуратор
STANDES — конфигуратор расстановки стеллажей в зале
Покупатель задаёт площадь зала, набирает секции из библиотеки и расставляет их мышью — стеллажи примагничиваются друг к другу гранями, углами и крышками. Из той же геометрии считаются спецификация, масса, раскрой листа и цена.
- Сцена
- 3D, план и фасад; магниты, поворот, установка друг на друга
- Каталог
- 12 готовых секций: торговые, корпусные, каркасные, витрина, гардероб
- Смета
- позиции, площадь, масса и цена пересчитываются на лету
- Раскрой
- карта листа с пропилом, выходом и отходами
- Экспорт
- JSON, ссылка, CSV сметы и раскроя, GLB, PNG, печатная спецификация
- Версии
- русская в ₽ и английская в $ — две сборки, независимые прайсы
- Стек
- React 19 · TypeScript · three.js · React Three Fiber
Лист 05
Автоматизация · 1С
Softvent — из PDF-проекта в спецификацию для 1С
Проектная документация вентиляции приходит как многостраничный PDF с таблицами по ГОСТ. Система разбирает их и выдаёт готовую номенклатуру: воздуховоды в метрах, фасонные части в штуках — остаётся загрузить в 1С:ERP, а не вбивать вручную.
- Вход
- PDF-проект по ГОСТ 21.602-2016, десятки страниц
- Разбор
- поиск таблиц спецификации, распознавание позиций
- Пересчёт
- единицы приводятся к номенклатуре (метры → штуки по длине хлыста)
- Выход
- 33 позиции из тестового проекта, готовы к загрузке
- Дальше
- UI-автозаполнение номенклатуры в 1С:ERP Софтвент
Лист 06
WebGL
Диос+ — карта флота на глобусе
Маршруты грузовых судов и самолётов по великим кругам от Азова до двадцати восьми городов мира. Сделано на Three.js, работает в браузере без плагинов.
- Основа
- текстуры Земли NASA, облачный слой, атмосферный halo
- Маршруты
- 28 городов, живой флот из судов и самолётов
- Стек
- Three.js
Лист 07
Опт
Сантехмарк — оптовый каталог сантехники
B2B-магазин для поставщика с четырьмя складами: бренды, остатки, прайсы и отдельный дилерский вход. Первый экран собран в 3D, чтобы каталог не выглядел как прайс-лист.
- Разделы
- каталог, бренды, остатки, прайсы, дилерам
- Первый экран
- 3D-сцена: хром, капли, дым
- География
- 4 склада, отгрузка в день заказа
Лист 08
Дизайн · Арт-дирекшн
СРЕЗ — сайт-каталог декоративных покрытий
Каталог, устроенный как инструмент мастера. Восемь фактур с технической картой, а вместо обычных фото — «лампа»: ведёшь свет по стене под углом, и на покрытии проявляется рельеф — ровно так мастер проверяет плоскость.
- Концепт
- каталог как рабочий инструмент, а не витрина
- Фактуры
- 8 покрытий, у каждого техкарта: толщина слоя, расход, проходов кельмой, цена
- Приём
- скользящий свет (grazing light) проявляет рельеф фактуры по движению слайдера
- Типографика
- крупный гротеск Unbounded, моноширинные технические подписи
- Стек
- чистый HTML/CSS/JS, без библиотек
Лист 09
Дизайн · Концепт
Сантехмарк — концепт: витрина и кабинет дилера в одном сайте
Эскизное предложение оптового сайта, оформленное как проектный документ. Главное решение: один интерфейс в двух состояниях — гость из поиска видит витрину, вошедший дилер — рабочий кабинет с ценами, лимитом и заказами. Переключатель меняет всё сразу.
- Идея
- разделение витрины и рабочего кабинета — 80% выручки приносит дилер, ему нужна скорость
- Состояния
- гость: каталог и цены; дилер: заказы, задолженность, лимит, документы одним архивом
- Язык
- графика из монтажного чертежа — честно показывает скрытый монтаж
- Формат
- интерактивный эскиз-документ с переключателем состояний
Лист 10
Computer vision
Strimkarts — распознавание карт в прямом эфире
Оверлей поверх стрима: камера смотрит на стол, система узнаёт карту в момент вскрытия, подтягивает её цену и ведёт счёт по всей сессии.
- Ввод
- живой видеопоток с камеры
- Распознавание
- карта определяется в реальном времени
- На экране
- счётчик паков и карт, сумма, топ хитов с ценами
- Формат
- браузерный оверлей, заводится в OBS
Лист 11
Обучение
Эпидемио — тренажёр подготовки к экзамену
Учебник и база вопросов разбираются в карточки, дальше приложение само решает, что и когда показать. Отдельно считает, совпадает ли заявленная уверенность с реальной точностью — то есть где студент себя переоценивает.
- База
- 3 401 карточка и 163 экзаменационных вопроса
- Источник
- разбор PDF на вопросы, дедупликация, сверка формулировок
- Повторения
- интервальный алгоритм: зрелые, молодые, изучаемые, новые
- Режимы
- карточки и экзамен с развёрнутым устным ответом
- Аналитика
- калибровка уверенности, нагрузка на неделю, активность за 30 дней
- Разделы
- 9 тематических блоков предметной области
Лист 12
Обучение · Go
Vector — тренажёр Go с проверкой кода и ИИ-судьёй
Платформа подготовки к собеседованию по Go: урок → упражнение с реальным запуском кода → закрепление. Ответы на экзамене проверяет не самооценка, а разбор по рубрикам. Путь построен до оффера — восемь этапов.
- Практика
- встроенный редактор, запуск кода в песочнице, сверка вывода
- Экзамен
- оценка ответов по рубрикам, эталонный разбор ядро / глубже / ловушка
- Память
- интервальные повторения (FSRS), карточки пишутся по вердикту судьи
- Маршрут
- единая дорожка, 8 этапов, прогресс по узлам
- Стек
- Go backend, React, песочница запуска, внешний ИИ-судья
Лист 13
Backend · Java
AI Health Coach — серверная часть мобильного приложения
Бэкенд фитнес-приложения на Spring Boot: аккаунты и подписки, питание с адаптивными целями, тренировки с программой от ИИ, синхронизация с носимыми устройствами и диалог с коучем на Claude API. Готов к продакшену и деплою.
- Стек
- Java 21, Spring Boot 3.4, PostgreSQL, Flyway, JWT
- Объём
- 53 REST-эндпоинта, 51 таблица, 9 доменов
- Интеграции
- Claude API, Firebase FCM, Garmin OAuth, HealthKit, Health Connect
- Подписки
- планы, триал, проверка чеков покупок из сторов
- Деплой
- Docker, готовые конфиги Railway и Render
Лист 14
Синтез речи
Клон голоса — модель говорит на чужом языке
Модель обучена на записях одного человека. Сравните сами: сверху живая запись, снизу — английская речь, которой он никогда не произносил. Голос тот же.
- Обучение
- на собственных записях носителя голоса
- Вход
- произвольный текст
- Выход
- речь на языке, которого нет в обучающих данных
- Применение
- озвучка, интерактив на стриме, доступ по ролям
Второй фрагмент сгенерирован моделью. Демонстрация возможностей синтеза, сделана для самого носителя голоса и с его ведома.