Анимация интерфейса
Новая эра no-code
Сфера служит визуальным проводником через слои страниц, форм и процессов. Интерфейс — не просто снимок, а набор сочетаемых плоскостей с расстоянием по глубине.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Добро пожаловать в эпоху no-code
Переход из тёмного пространства в светлое превращает плотные зоны интерфейса и кода в открытый мир творчества для исследования.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Comet｜окно туманности
Навигация закреплена сверху; расширяется только центральная маска；Внутреннее изображение и размер контейнера управляются отдельно.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Framer на стеклянной призме
Заголовок закреплён на центральной оси и появляется по словам; узкая стеклянная полоса растёт слева направо, а самый яркий блик чуть позже проходит через заголовок.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Новый визуальный стиль｜Раскрытие логотипа
Из увеличенной радужной поверхности выделяется форма C; объёмный объект собирается в одну букву, затем по той же базовой линии раскрывается полное название бренда.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Подключение Google Drive к Figma agent
После чтения внешней обратной связи дизайн меняется, затем создаётся документ с причинами изменений；Так замыкается цикл чтения и записи.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Figma Agent Vectors
Новые материалы можно выбирать, менять их цвет и настраивать анимацию；Три этапа демонстрируют редактируемость.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Linear — статус очереди слияния в diff
В ролике есть только локальный hover: основное состояние сохраняется, при наведении добавляется время ожидания, после ухода курсора оно скрывается.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Lovable｜Коннекторы Google
Значки инструментов сначала собираются, затем по одному превращаются в теги коннекторов в поле запроса
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Внешние агенты Notion: интеграция Claude и Cursor…
Одна и та же карточка задачи остаётся на экране, меняя состояния Triage→Plan→Build→PR→Ship.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Адаптация для iPhone Duo
Раскрытие увеличивает видимую область текста; боковая панель и текст связаны иерархией обрезки родительского и дочернего элементов.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Notion как код — рабочие пространства на TypeScript
Сначала вводится запрос, затем показываются выполнение и код; после подтверждения развёртывания появляется результат в реальном рабочем пространстве.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
ChatGPT｜Apple Messages
После поиска задачи сначала показывается предложение, затем пользователь меняет и подтверждает его; в конце сообщение появляется в целевом чате.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Cloud Computer: развёртывание и использование облачного компьютера
Сначала объясняется постоянная среда выполнения, затем её подтверждают примеры бота, сбора данных и развёртывания
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Выпуск Claude Haiku 5.5
Позиции трёх колонок стабильны; внутренние текстуры и ориентация L-образных форм меняются дискретно；Смена материала не означает перемещение блока целиком.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Fable 5｜возвращение пиксельного персонажа
Название продукта появляется по буквам только после прибытия персонажа к вывеске; действие причинно связано с буквами.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Обновление функции｜голосовой режим
Один центральный круг расширяется из кнопки в окно изображения и снова сжимается в кнопку；Сохраняется пространственная идентичность.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Обновление Android — Find Hub, Motion Assist, Gemini
Каждая функция состоит из основной карточки и небольшого связанного отклика.
Доступен только видеореференс; редактируемый проект не предоставлен.
Графическая анимация
Короткое 5-секундное превью того же проекта · 5.0 секунды
Точки последовательно перестраиваются в людей, места и предметы; цвет соответствует категории.
Доступен только видеореференс; редактируемый проект не предоставлен.
Графическая анимация
Grok Bot × Linear
Два бренда закреплены и выровнены; фон непрерывно течёт, не отвлекая от текста.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Grok Bot теперь умеет искать, читать и отслеживать X.
Сначала показываются несколько найденных источников, затем они сжимаются в тематическое резюме.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Grok Bot · формы и вход прямо в разговоре
Агент передаёт управление пользователю только при необходимости авторизации；После ввода данных пользователем процесс продолжается.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Grok — 21 совершенно новый голос
Заголовок сохраняет положение и размер; основное движение создаёт непрерывно текущий фон.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Reception · приём звонков для разных отраслей
В начале звонки из разных отраслей формируют общую проблему；В середине одна светящаяся сфера представляет решение
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
ElevenLabs｜Scribe v2
Сначала вводятся измеряемые характеристики, затем конкретные изменения текста объясняют возможности
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Composer · редактирование песни по разделам
Открытый запрос переходит к управлению разделами, темпом и тональностью, завершаясь волной и произведением
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Polymarket · выбор направления на пять минут
Сначала задаётся вопрос для решения, затем сложный терминал сводится к выбору из двух вариантов
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Cursor Multitask / Subagents — /multitask в новом…
В один разговор добавляются задачи; панель рабочих элементов постоянно показывает число параллельных задач
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Annotate: новая функция режима дизайна
Метки прикреплены к целевым элементам; номера и комментарии соответствуют друг другу
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Cursor — теперь на iPad
Сначала один результат показан на разных устройствах, затем внимание переходит к организации и проверке на планшете
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Cursor — создайте веб-приложение и разверните его на Vercel
Сначала показываются доступные репозитории, затем выделяется создание с нуля；Превью появляется только после ввода
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Computer умеет создавать интерактивные диаграммы
Результат содержит интерактивные диаграммы；При наведении указателя реагируют подсказки данных; нельзя ограничиваться масштабированием диаграммы целиком.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Perplexity — переносной Computer на NVIDIA DGX Spark
Локальные инструменты образуют кольцо вокруг устройства, облачные модели находятся на отдельном уровне；Связи обозначают подключение облачных возможностей по необходимости, а не передачу данных наружу по умолчанию.
Доступен только видеореференс; редактируемый проект не предоставлен.
3D-анимация
Миграция во Framer через MCP
Переднее окно закреплено справа вверху, заднее — слева внизу. Оба имеют одно направление перспективы; заднее окно сначала сжимается в точку, затем раскрывается вдоль наклонной оси.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Framer Skills
В начале в поле последовательно вводятся правила шрифтов и кавычек; затем готовые страницы показывают, что правила применяются ко всему набору.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Framer Agent Templates
Три шаблона стоят в ряд: центральный виден полностью, боковые частично и затемнены. При переключении весь ряд сдвигается горизонтально; яркость центральной карточки восстанавливается только после остановки.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Кошелёк Link для агентов
Сначала агент устанавливается и подключается, затем в чате запрашивается изменение поездки, показывается стоимость и подтверждение на телефоне. Сумма и продавец повторяются между интерфейсами, обозначая один запрос.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
Directory: бесплатные данные для найма
Аватары близкого размера с короткими подписями ролей поочерёдно появляются вокруг центрального заголовка. Заголовок двухстрочный, строка бренда оранжевая.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Превратите эскиз в мультфильм в Grok
Первый запрос превращает эскиз в лист персонажей, второй — этот результат в анимацию. Чат прокручивается вверх, новый результат входит снизу, сохраняя связь с предыдущим сообщением.
Доступен только видеореференс; редактируемый проект не предоставлен.
3D-анимация
Бесплатный голосовой ввод
Клавиши с логотипом и текстом падают в ряд, затем расходятся, открывая светящуюся чёрную капсулу звуковой волны. Капсула становится общим ориентиром дальнейшего показа.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Адаптация для iPhone Duo
Вертикальный телефон появляется по центру, поворачивается и раскрывается в две горизонтальные колонки; список остаётся с одной стороны, детали — с другой. Одна заметка сохраняется в обоих форматах.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Новые возможности Runway Agent
Сначала показывается готовая страница продукта, затем запрос, извлечение палитры и продукта, создание сцен и размеров, в конце — анимация. Одна колонка повторяется в разных результатах.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Слова состояний и HyperFrames
Слова состояний быстро меняются тусклым моноширинным текстом, затем сменяются двумя тёмными треугольниками. Зелёный заполняет знак снизу вверх, после чего раскрывается белое название бренда.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Обновление возможностей｜450+ интеграций
Оранжевые капсулы соединяют connect, with и другие слова, приводя к нажимаемому плюсу. После нажатия значки входят по нескольким дугам, число растёт до 450.
Доступен только видеореференс; редактируемый проект не предоставлен.
Монтаж натурных съёмок
Стекло.
Стекло неподвижно, рука и ёмкость проходят позади; мелкая сетка разбивает контуры на смещённые фрагменты. Общий план показывает рамку, крупный — связь фактуры и искажения.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация текста
TIDAL｜типографический ключевой образ, версия 60 секунд
Текст — главный герой: короткие слова увеличиваются, втискиваются и сменяются по смысловым ударениям, а ромб переводит разделы к следующей цветовой группе.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Расстановка кнопок интерфейса · 10.7 секунды
Три кнопки эффектов с вырезами расходятся и собираются как модули; порядок начинается снизу, сохраняя тесную вертикальную связь.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Creative Cloud｜розово-красный вариант со срезами
Короткие склейки показывают переход знака от объёмных срезов к плоскому редактированию и серебристо-белому материалу; розово-красный связывает все версии.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
EliseAI｜Продуктовый интерфейс сайта
Один законченный диалог о записи раскрывает пользу помощника: пользователь сообщает пожелание по времени, помощник предлагает два варианта, пользователь подтверждает один.
Доступен только видеореференс; редактируемый проект не предоставлен.
Графическая анимация
В приложении Revolut появляется EURR — наш первый стейблкоин, обеспеченный евро.
Две монеты меняются передним и задним положением на одном подносе, а текст остаётся неподвижным: всё движение сосредоточено между двумя главными объектами.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Представляем Wabi 2.0: новый тип мессенджера, который создаёт приложения и выполняет задачи…
Информация в чате постепенно превращается в полезные мини-приложения, которые затем образуют личную главную страницу.
Доступен только видеореференс; редактируемый проект не предоставлен.
Анимация интерфейса
Создание презентаций с ИИ
Сначала превратите тему в редактируемый план, затем план — в полный набор слайдов, показывая чёткий результат каждого из двух этапов генерации.
Доступен только видеореференс; редактируемый проект не предоставлен.