После Библиотеки стилей tatsy.pro идём на ступеньку выше: где брать премиум-промпты для премиум-результата. С помощью motionsites.ai я собрал главные блоки лендинга уровня Awwwards за пять минут 🚀
motionsites.ai - это не коллекция стилей. Это коллекция промптов для hero-секций с видео-фонами, liquid glass, плавными анимациями. Часть платная, но бесплатных хватает с головой.
Взял космический лендинг «Cinematic Space-Travel»: две секции, фоновые видео с кастомным crossfade, glass-карточки, word-by-word анимации текста.
Скопировал промпт, кинул в Codex. Через 2 минуты 52 секунды получил рабочий index.html. Одна правка («страница чёрная»), ещё 2 минуты, всё ожило. Анимации сработали как в оригинале. Без тюнинга, без Figma, без подписок.
Один нюанс. В промпте зашиты ссылки на видео автора с его AWS-бакета. Сейчас работает, через год может не работать. Вариант - скопировать все себе в репозиторий. Учти, что юридически это серая зона: видео не твоё.
Решение в одном промпте:
Скачай оба видео из ссылок на CloudFront в папку локально, замени ссылки в коде на локальные пути. То же самое с React, Babel, Framer Motion и Tailwind: скачай локально или собери через Vite. Шрифты Google Fonts подключи через @font-face из локальных файлов.
После этого сайт твой и работает автономно. Если хочешь полностью свои видео, бери на pexels.com или mixkit.co (бесплатно, с коммерческой лицензией).
Получаются действительно WOW эффекты. Но надо учитывать, что промпт даёт только первые два блока, остальные твоя нейронка достроит сама по твоему контенту.
Написано человеком.
Подпишись в Telegram и Дзен 🧠
TATSY.PRO