Аналоги MotionSites: чем заменить и как собрать самому

Коротко

Бесплатной копии MotionSites один в один нет, но её ядро — «скопировал промпт, вставил в Lovable или Cursor, получил анимированную секцию» — закрывается бесплатно. Ближайшая замена: 21st.dev (12 000+ компонентов, у каждого готовый промпт под ИИ-агента, 2 бесплатных копирования в день), Magic UI (150+ анимированных компонентов под лицензией MIT, ставится командой shadcn) и React Bits (140+ компонентов в четырёх вариантах: JS/TS × CSS/Tailwind). Фоны и шейдеры добираются из Aceternity UI и опенсорса, референсы — в Refero.

Разница не в качестве анимаций, а в сборке. MotionSites продаёт готовую секцию целиком, бесплатные библиотеки дают кирпичи, которые вы складываете сами: вечер работы против пятнадцати минут. Платить $359 разово (страница тарифов, июль 2026) имеет смысл, если лендинги идут потоком и час вашего времени дороже. Для одного личного проекта — почти наверняка нет.

Важная оговорка: все бесплатные библиотеки требуют проекта на React с Tailwind. Если вы не пишете код совсем, замены промптам среди них нет — вам нужен другой путь, и он описан ниже.

Чем эти варианты вообще отличаются

Первое, что путает: MotionSites — не конструктор сайтов. Вы не получаете хостинг, редактор и кнопку «опубликовать». Вы получаете текстовые промпты и медиа-ассеты, которые копируете в Lovable, Bolt, Cursor или Claude, а сайт генерирует уже он. Подробный разбор, что там внутри и где подвох, — в обзоре MotionSites.

Отсюда следует важное: конкурентов у MotionSites не один класс, а три, и они не взаимозаменяемы.

Библиотеки компонентов (Magic UI, React Bits, Aceternity UI, 21st.dev) дают код. Вы копируете React-компонент себе в проект и правите. Плюс: бесплатно, код ваш, ничего не сломается при отмене подписки. Минус: нужен проект на React с Tailwind — а если у вас Тильда или WordPress, всё это мимо.

Библиотеки промптов (собственно MotionSites и его аналоги) дают текст. Плюс: работает без знания кода — билдер сам всё соберёт. Минус: результат каждый раз чуть разный, а сами промпты вы могли бы написать и сами.

Референсные базы (Refero, Mobbin) дают только картинки чужих сайтов. Это не замена ни тому, ни другому — это то, с чего начинается работа: вы находите вид, который хотите, а потом собираете его любым способом.

Ошибка, которую я видел чаще всего: человек покупает набор промптов, чтобы решить задачу «не знаю, как это должно выглядеть». Промпты эту задачу не решают, её решают референсы, и они бесплатны.

Сравнение по пунктам

Цены MotionSites — со страницы motionsites.ai/unlimited, Magic UI Pro — с pro.magicui.design, обе проверены в июле 2026. Скидка на MotionSites подаётся как «founding members sale» и висит там достаточно давно, чтобы не считать её срочной.

Когда брать бесплатную связку

Если проект один, срок не горит и вы хоть немного трогали код — бесплатный путь выигрывает. Конкретно связка, которая работает: Refero для референса → 21st.dev и Magic UI для компонентов → Motion (бывший Framer Motion, MIT) для того, что нужно доанимировать руками.

21st.dev тут ключевой, потому что закрывает ровно ту функцию, за которую просят деньги в MotionSites: у каждого компонента есть кнопка «скопировать промпт», и этот промпт вставляется в Cursor, Claude Code, v0 или Lovable — агент сам встроит компонент в ваш проект. Два копирования в день бесплатно. Для одного лендинга этого хватает: собрать за неделю по два блока в день — вполне реально.

React Bits хорош тем, что каждый компонент выложен в четырёх сборках — JavaScript или TypeScript, чистый CSS или Tailwind. Это редкость: большинство библиотек жёстко требуют Tailwind. Ставится через npx shadcn@latest add @react-bits/BlurText-TS-TW или просто копипастом из документации.

Больше готовых источников — в подборке сайтов для вайб-кодера.

Как повторить эффект за вечер

Порядок, который у меня даёт предсказуемый результат:

1. Найдите три референса, а не один. Один референс вы скопируете, три — из них соберётся ваш вариант.
2. Разберите страницу на блоки. Обычный анимированный лендинг — это hero с движущимся фоном, строка соцпруфа, три-четыре карточки фич, отзывы, CTA. Всё. Магия живёт только в первом экране.
3. Соберите каркас — Next.js + Tailwind + shadcn/ui. Пустой, без анимаций.
4. Подставьте компоненты из React Bits и Magic UI по одному, проверяя после каждого. Если тащить всё сразу, потом не найдёте, что сломало сборку.
5. Фон первого экрана делайте последним. Это самая тяжёлая часть и первый кандидат на выброс, если страница тормозит.
6. Промпт агенту пишите структурой, а не эпитетами. «Сделай красивый анимированный хиро» даёт мусор; описание из шести пунктов даёт то, что нужно. Разбор формата — в статье про промпты для анимированных сайтов.

Реалистичная оценка: первый такой лендинг займёт вечер-два, если вы уже работали с React. Если нет — три-четыре вечера, и половина уйдёт на настройку окружения, а не на дизайн. Обещания «за 15 минут» относятся к людям, у которых каркас уже стоит.

Когда платный набор всё-таки окупается

Три ситуации, где $359 — разумная трата.

Первая: вы делаете лендинги клиентам на потоке. Пять проектов в месяц × сэкономленные три часа — набор отбивается за первый же месяц.

Вторая: вы не программист совсем и не собираетесь им становиться. Тогда путь «промпт → Lovable → готовый сайт» для вас единственный, а бесплатные библиотеки компонентов бесполезны — их некуда вставлять.

Третья: вам нужны именно видеофоны. Отрендерить 159 анимированных фонов самому — это не вечер, это отдельный проект. Хотя тут же честная альтернатива: один нужный фон дешевле сгенерировать в любом видеосервисе, чем покупать полторы сотни на всякий случай.

Что не решает ни один вариант

Контент. Ни один набор промптов не напишет вам заголовок, ради которого останутся на странице. Красивый лендинг с пустым текстом конвертит хуже уродливого с внятным оффером.

Производительность. Шейдерные фоны и видео на первом экране роняют LCP на мобильных — а это больше половины трафика. Проверяйте страницу на реальном телефоне, а не в десктопном браузере с открытым DevTools.

Доступность. Почти ни в одной библиотеке анимации не отключаются по prefers-reduced-motion из коробки. Это дописывается руками, и это два десятка строк.

Стек. Всё, кроме промптов, требует React. На Тильде, Битриксе или WordPress вы из этих библиотек не возьмёте ничего — там свои инструменты, например Framer для no-code-анимации.

Лицензии. MIT + Commons Clause у React Bits означает: использовать можно как угодно, включая коммерцию, но перепродавать саму библиотеку нельзя. Если вы собираете шаблоны на продажу — читайте лицензию каждого компонента отдельно.

Оплата из России. MotionSites, Magic UI Pro, All-Access Aceternity и подписка Refero продаются за доллары через зарубежный эквайринг — карта МИР не пройдёт. Бесплатные MIT-библиотеки этой проблемы лишены: код лежит на GitHub, качается без аккаунта. Это, пожалуй, самый весомый практический аргумент за бесплатный путь именно у нас.

Частые вопросы

Есть ли у MotionSites бесплатный тариф?

Частично. Часть промптов на сайте помечена как «Copy» и копируется без оплаты — этого хватает, чтобы понять формат и качество. Всё, что относится к анимированным фонам, готовым секциям и шаблонам Lovable, закрыто платным доступом. Отдельные пакеты промптов продаются по $49 без подписки — это компромисс, если нужен один конкретный вид секции.

Можно ли скачать промпты MotionSites с GitHub?

Технически на GitHub лежат репозитории с таким названием, и часть содержимого там действительно есть. Юридически это чужой платный контент, а практически — эти зеркала не обновляются, тогда как сам набор пополняется. Если задача в том, чтобы не платить, бесплатные библиотеки компонентов дадут больше и без правовых вопросов.

Работают ли Magic UI и React Bits с Тильдой или WordPress?

Нет. Это React-компоненты: они предполагают сборку проекта, node_modules и Tailwind. Вставить их в блок «HTML-код» на Тильде не получится — сломается либо стилями, либо отсутствием React в рантайме. Для конструкторов ищите решения внутри самого конструктора.

Существуют ли промокоды на MotionSites?

Официальных промокодов на странице тарифов нет — вместо них там постоянная скидка «founding members», которая и даёт цену $359 вместо $759. Купоны, которые выдают агрегаторы и купонные сайты, чаще всего просто дублируют эту же скидку. Ждать более выгодного предложения смысла нет: механика уже встроена в цену.

Что выбрать, если я вообще не пишу код?

21st.dev и Magic UI вам не помогут — им нужен проект, куда вставлять код. Ваш путь: референс в Refero → описание словами → билдер вроде Lovable или v0, который сам сгенерирует страницу. Промпты MotionSites в этом сценарии экономят время, но всё, что они делают, — это подробное текстовое описание, которое вы можете написать и сами за полчаса, разобравшись со структурой.