MotionSites: что внутри, сколько стоит и где не тянет
Коротко
MotionSites — платная библиотека промптов для анимированных сайтов. Не конструктор, не редактор и не хостинг: вы открываете каталог, выбираете дизайн, копируете текстовый промпт и вставляете его в ИИ-билдер — по их же FAQ это Lovable, Cursor, Bolt, Claude, v0 или Replit. Сайт собирает билдер, MotionSites продаёт только описание того, как он должен выглядеть.
Часть промптов открыта бесплатно — их можно скопировать без регистрации и оценить уровень до оплаты. Платные тарифы на июль 2026: Go Unlimited — $239 разово или $149 в год, Power — $359 разово или $249 в год, промпты для мобильных приложений продаются отдельно ($129 разово / $89 в год). Оплата в долларах через Stripe, то есть российской картой не пройдёт.
Покупать имеет смысл, если вы уже делаете лендинги на потоке и вам нужен готовый визуальный вкус, а не логика. Не покупать — если ждёте, что вставите промпт и получите готовый продакшен-сайт: мобильный адаптив, вес видео-фонов и доступность придётся доводить руками, и об этом честно написано даже в их собственном туториале.
Что это и кому
Дизайн — слабое место вайб-кодинга. Агент напишет формы, роутинг и интеграции, но композицию и движение по умолчанию делает вяло: серый градиент, три карточки, кнопка. Сайт сразу читается как «сгенерировано».
MotionSites закрывает ровно эту дыру. За вас уже придуманы структура секции, тайминги, характер движения и подбор шрифтовых пар — вы подставляете свой продукт. Формат простой: каталог превью, под каждым лежит длинный промпт-спецификация на английском.
Кому реально заходит:
- фрилансерам и соло-разработчикам, которые делают лендинги SaaS, портфолио и агентств на потоке;
- маркетологам, которые собирают промо-страницы сами и не хотят ждать дизайнера;
- тем, кто уже платит за Lovable или Cursor и упирается не в код, а во внешний вид.
Кому не зайдёт: командам с дизайн-системой (вам нужен свой стиль, а не чужой), тем, кто делает приложение с личным кабинетом (там анимации не главное), и тем, кто вообще не работает с ИИ-агентом — промпт без билдера бесполезен.
Разбор самого инструмента с контекстом связок мы держим в карточке арсенала; здесь — про деньги и ограничения.
Как начать, ничего не заплатив
- Откройте каталог на motionsites.ai и отфильтруйте по категории — SaaS, портфолио, e-commerce, финтех.
- Найдите карточки с открытой кнопкой копирования. В их базе у промптов есть флаг «бесплатный», и такие отдаются целиком.
- Скопируйте промпт и вставьте в билдер как первое сообщение. В Claude Code или Cursor — лучше в отдельный пустой проект, иначе агент начнёт подгонять чужую верстку под ваш существующий код.
- Первый прогон не трогайте. Дайте собрать как есть и посмотрите, что получилось на десктопе и на телефоне.
- Дальше правьте по одной вещи за итерацию: «увеличь отступы в секции цен на мобильном», «убери тёмный оверлей с hero». Их собственный туториал советует именно так — маленькие точечные правки работают лучше, чем «переделай страницу».
Двух-трёх бесплатных промптов достаточно, чтобы понять, устраивает ли вас уровень. Если после них вы не увидели разницы с тем, что ваш агент выдаёт сам, — не платите.
Что реально умеет
Сильная сторона MotionSites — не «промпт», а насмотренность, зашитая в промпт. Там прописаны вещи, которые вы обычно не формулируете: как именно текст выезжает при скролле, с какой задержкой появляются соседние элементы, какой характер у easing, как ведёт себя карточка при наведении, как выглядит переход между секциями.
В платном тарифе заявлены 500+ промптов, доступ к будущим 1000+, отдельные готовые секции (а не только целые страницы), 40+ шаблонов под Lovable и библиотека анимированных фонов — коротких видеороликов под hero. Лицензия в карточке тарифа указана как «для личных и клиентских работ», то есть собранный лендинг можно сдавать заказчику.
Самая недооценённая часть — секции. Целую страницу по чужому промпту вы всё равно перекроите, а вот вставить одну готовую анимированную секцию в свой лендинг — быстрая и предсказуемая операция.
Где не справляется
Это главное, чего нет в англоязычных обзорах — там честно пишут только «это не конструктор».
Результат зависит от билдера, а не от промпта. Один и тот же текст в Lovable, Claude Code и v0 даст три разных сайта. Промпт задаёт намерение; качество кода, адаптив и производительность — на стороне агента. Если ваш билдер плохо делает CSS-сетки, MotionSites это не починит.
Мобильный адаптив — ваша забота. Каталог продаёт десктопные превью. В их же уроке в списке «что поправить после генерации» прямым текстом стоят «улучшить отступы на мобильном» и «сделать анимацию мобильной навигации плавнее». Это не придирка — это признание: адаптив дорабатывается вручную.
Видео-фоны бьют по скорости. Анимированный фон в hero — это видеофайл, который грузится в первый экран. На мобильном интернете он превращается в долгую загрузку и пустой экран. Проверяйте сами: DevTools → Network → колонка Transferred, и отдельно посмотрите вес самого файла фона. Если фон весит больше, чем весь остальной первый экран, ставьте постер-картинку и подгружайте видео после загрузки страницы.
Про доступность в промптах ничего нет. У пользователя может быть включено системное «уменьшить движение» — на macOS, iOS, Windows и Android это отдельный переключатель. Браузеры отдают его как prefers-reduced-motion: reduce, поддержка есть везде с января 2020 года (MDN). Дописывайте в агента отдельной строкой: «оберни все анимации в @media (prefers-reduced-motion: reduce) и оставь только смену прозрачности».
Скролл-анимации на чистом CSS ещё не для всех. Если агент собрал эффекты на animation-timeline: view(), помните: MDN до сих пор помечает свойство как не-Baseline, поддержка около 84% (Chrome и Edge с 115, Safari с 26.0, Firefox с 155 — caniuse). Для лендинга обычно нормально, для корпоративного сайта с парком старых машин — нет.
Оплата. Stripe и доллары. Карты российских банков там не проходят — нужна зарубежная карта или посредник, и это отдельный риск при разовом платеже на $359.
Сколько стоит
Цены с официальной страницы тарифов, проверено в июле 2026:
| Тариф | Разово | В год | Что входит |
|---|---|---|---|
| Go Unlimited | $239 | $149 | Все промпты сайтов, 500+ штук, доступ к будущим. Без анимированных фонов, без отдельных секций, без шаблонов Lovable |
| Power | $359 (якорь $759) | $249 (якорь $497) | Всё выше + анимированные фоны + секции + 40+ шаблонов Lovable + сообщество |
| Промпты приложений | $129 (якорь $299) | $89 | Только промпты для мобильных приложений, отдельный продукт |
Две вещи, которые стоит знать до оплаты.
Первое: баннер «Founding Members Sale — $759 → $359» с обратным отсчётом. Якорная цена $759 зашита в код страницы как фиксированное значение, а дата окончания таймера подтягивается из базы и меняется администратором. То есть скидка — постоянная механика, а не событие. Не торопитесь из-за таймера.
Второе: условий возврата на странице тарифов я не нашёл. Разовый платёж — это разовый платёж; исходите из того, что деньги не вернут.
Альтернативы
| Вариант | Цена | Что получаете | Кому |
|---|---|---|---|
| MotionSites | $239–359 разово | Готовые промпты + видео-фоны + шаблоны | Поток лендингов, нужен чужой вкус |
| GSAP + ScrollTrigger | Бесплатно, все плагины (gsap.com) | Библиотека анимаций, но промпты пишете сами | Кто пишет код руками |
| Motion (ex Framer Motion) | Ядро бесплатно, Motion+ £299 разово (motion.dev) | React-анимации + платная библиотека примеров под MIT | React-проекты |
| Свои промпты | Бесплатно | Полный контроль, но нужна насмотренность | Один-два лендинга в год |
Практичный компромисс: соберите первый сайт на бесплатных промптах, разберите, из чего они состоят, и превратите это в свой шаблон промпта. Полный список бесплатных замен с ценами и лицензиями — в разборе аналогов MotionSites. Как это делается по шагам — в разборе как собрать лендинг нейросетью и в общем гайде по сборке сайта с ИИ. Похожий приём «повтори референс» разобран в карточке промпта.
Частые вопросы
Можно ли пользоваться MotionSites бесплатно?
Частично. У части промптов в каталоге стоит флаг «бесплатный» — их копируют без оплаты. Платный тариф открывает остальные 500+, анимированные фоны, отдельные секции и шаблоны Lovable. Бесплатного слоя хватает, чтобы собрать один приличный лендинг и понять, нужен ли вам платный.
MotionSites сам делает сайт?
Нет. Он отдаёт текст, сайт делает ваш ИИ-билдер. Оплатив MotionSites, вы не оплачиваете Lovable, Cursor или Claude — их подписки считайте отдельно. Именно поэтому обещание «сайт за минуты» верно только для первой черновой сборки.
Как оплатить из России?
Штатного способа нет: биллинг в долларах через Stripe. Нужна карта зарубежного банка или посредник, и оба варианта добавляют комиссию и риск. Если платёж проходит через третьи руки — учитывайте, что доступ привязан к аккаунту, на который оформили покупку.
$359 — это дорого?
Смотря сколько лендингов вы делаете. Один сайт в год — дорого, дешевле собрать промпты самому. Два-три клиентских лендинга в месяц — окупается на первом же проекте, потому что экономит не деньги, а часы правок «сделай красиво». Тариф Go Unlimited за $239 без видео-фонов часто разумнее: фоны — как раз то, что чаще всего приходится выкидывать ради скорости загрузки.
Промпты работают на русском?
Промпты написаны по-английски, и переводить их не нужно: агент разберёт английскую спецификацию сам. А вот тексты сайта задавайте отдельным сообщением на русском, иначе агент оставит английские заглушки из промпта. Заодно проверьте кириллицу в выбранных шрифтах: часть трендовых гарнитур из таких промптов её просто не содержит, и заголовки подменятся системным шрифтом.