Spline

Главная ценность Spline — не редактор, а библиотека. В разделе Community лежат сотни готовых интерактивных сцен, которые выложили дизайнеры со всего мира: робот, поворачивающий голову за курсором, hero-секция из рифлёного стекла, кубики с hover-эффектом, распадающаяся типографика, потоки частиц.

Полки названы по задачам — Interactive Website, Brand & Marketing, 3D Logos, 3D Icons, Particles, Materials, 3D Mockups. У каждой работы виден автор и число просмотров, так что сразу понятно, что реально пошло в дело: у «робота, следящего за курсором» — 175 тысяч просмотров, у распадающейся типографики — 177 тысяч.

Берётся это просто: кнопка Remix открывает вашу собственную копию сцены, дальше меняете цвета, текст и скорость анимации под свой бренд. Экспорт отдаёт тег, который вставляется в страницу двумя строками; для React есть компонент `@splinetool/react-spline` под MIT, есть интеграции с Webflow, Framer, Wix, Next.js, Swift и Kotlin.

Файлы сообщества опубликованы под лицензией CC BY 4.0: их можно менять и использовать в коммерческих проектах, достаточно указать автора исходной работы. Начать можно бесплатно — библиотека, ремиксы и редактор открыты сразу; платный тариф от 12 долларов в месяц снимает водяной знак с веб-экспорта.

Практический совет: подключайте сцену лениво, когда блок доскроллили до экрана, и проверяйте её на обычном телефоне — 3D остаётся тяжёлой графикой, и пара минут настройки окупается плавностью на всех устройствах.