каталог
Эффекты, которые делают сайт дорогим
Каждый эффект — отдельная целиковая страница с реальными фотографиями: демо во весь экран, готовый код и промпт для ИИ. Открывайте любой и скролльте.
4wide.jpthisisstudiox.comjobyaviation.comlightshiprv.com
Параллакс
Параллакс слоёв4wide.jp
Инерционная доводка (scrub)thisisstudiox.com
Параллакс-окно фото4wide.jp
Мышиный параллаксthisisstudiox.com
Появление текста
Построчно из маскивсе четыре сайта
По буквамjobyaviation.com
Счётчик чиселклассика лендингов
По словамjobyaviation.com
Текст в ширину экранаjobyaviation.com
Расшифровка (scramble)стиль хакер-терминала
Печатная машинкаклассика
Караоке-подсветкаapple.com
Из блюра в резкостькино-титры
Ротатор словлендинги SaaS
Контур с заливкойпостер-дизайн
Роллинг-ссылкастудийные меню
Строки с поворотомGSAP-туториалы
Сжатие из разрядкикино-титры
Шиммер-бликлоадеры Apple
Волна буквcodepen-классика
3D-флип буквcodepen-классика
Слот-машина словcodemyui
Рисующиеся буквыSVG-классика
Маркер-выделениеконверсионные лендинги
Печатает и стираетtyped.js-паттерн
Волна веса шрифтаvariable fonts
Из тумана по скроллуcodrops 2024
Перламутровый текстgradients.design
Хромовый текстy2k-эстетика
Появление изображений
Шторки clip-pathstudiox + joby
Раскрытие-окно (наезд формы)lightshiprv.com
Видео по скроллуjobyaviation.com
Кен Бёрнс слайдшоудокументалистика
Сравнение до/послефото-сервисы
3D-наклон за курсоромstripe / игровые сайты
3D-переворот карточкиклассика CSS
Растущая галереяпортфолио-сайты
Дуотон по ховерубренд-сайты
Фото в буквахпостер-дизайн
Мозаика-пикселизацияdigital-эстетика
Фото из полоскино-титры
Жидкое искажениеSVG вместо WebGL
Фото в блобедриббл-эстетика
Живое тонированиебренд-дуотоны
Фото в буквах + параллаксразвитие clip-text
Сквозь форму (проникание)agencefoudre.com
Sticky-сцены
Заливка цветомjobyaviation.com
Секции-шторкиjobyaviation.com
Горизонтальный скроллGSAP-классика
Пин-шагипродуктовые лендинги
Подсветка манифестаapple.com
Главы со снапомсторителлинг-лендинги
Стек липких заголовковредакционные лонгриды
Футер из-под страницыпремиум-портфолио
Пролёт сквозь фотокино-приём
Сетка слетаетсяawwwards-фавориты
Микровзаимодействия
Ховеры карточекбаза всех сайтов
Бегущие лентыthisisstudiox.com
Скролл-масштабстиль Apple
Карусель-слайдерjobyaviation.com
Логостена с перемешиваниемjobyaviation.com
Оверлей-меню слоямиjobyaviation.com
Магнитная кнопкаthisisstudiox.com
Кастомный курсорстудийные сайты
Шлейф картинокawwwards-фавориты
Волна от кликаmaterial design
Глитч-тексткибер-эстетика
Прогресс чтениямедиа и блоги
Превью у ссылоквсе студии мира
Волна буквтворческие портфолио
Лента от скоростиthisisstudiox.com
Перекос от скоростиawwwards-фавориты
Переливающаяся рамка@property-паттерн
Блик по карточкекредитки/пропуска
Переливающаяся кнопкаградиент-классика
База
Переходы страниц
Фоны и графика
Рисующаяся линияSVG-классика
Живой блобдриббл-эстетика
Текст по кругустудийный штамп
Живой градиентstripe.com
Частицы-созвездиеcanvas-классика
Плёночное зерно4wide.jp
Прожектор-фонарикигровые тизеры
Бегущий пунктирcanvas-selection классика
Голографическая карточкаcss-tricks / poke-holo
Северное сияниеaurora-ui
Интро (загрузка сайта)
Сетка плитокигровые сайты
Прелоадер с процентами4wide.jp
Занавес из панелейlightshiprv.com
Вордмарк по буквамthisisstudiox.com
Комбо — готовые связки
Кино-хиросвязка из 5 эффектов
Галерея работсвязка из 4 эффектов
Скролл-историясвязка из 4 сцен
Фирменный футерсвязка из 4 эффектов
Карточки и UI
Колода карточекtinder-паттерн
FLIP-раскрытиеmaterial / iOS
Слои в глубинуигровые карточки
Док-увеличениеmacOS
Плавный аккордеонgrid-rows трюк
Табы с индикаторомUI-классика