Про

Анимированный фон для сайта

Световые столбы и другие живые фоны — превью и код.

WebGL-фоны для hero: световые столбы, шёлк, линии. Настройте параметры, скопируйте React-код или экспортируйте видео.

Как помогает

Выберите шаблон фона и настройте цвета, интенсивность, свечение, ширину и режим наложения. Сразу смотрите превью в центре.

Скопируйте React-сниппет в проект — без тяжёлых плагинов и установки.

Дизайнерам и разработчикам лендингов, которым нужен выразительный hero-фон.

Возможности

✓Световой столб, шёлк, линии, феррофлюид
✓Живое превью и параметры в панели
✓Экспорт loop-видео
✓Интерактив мышью
✓Копирование кода компонента

Вопросы и ответы

Что делает «Живой фон»?+

Анимированные WebGL-фоны для hero и лендингов: шаблоны, параметры и копирование кода. Выберите шаблон фона и настройте цвета, интенсивность, свечение, ширину и режим наложения. Сразу смотрите превью в центре.

Для кого этот инструмент?+

Дизайнерам и разработчикам лендингов, которым нужен выразительный hero-фон.

Нужна ли подписка Про?+

«Живой фон» входит в тариф Про. Бесплатные инструменты каталога открываются без карты; Про оплачивается в тенге через TipTop Pay.

Как открыть инструмент?+

Нажмите «Открыть инструмент» на этой странице. Всё работает в браузере, ничего устанавливать не нужно.