Scrolltide

Что такое Scrolltide?

Scrolltide — это библиотека промптов и шаблонов для создания сайтов с анимацией при прокрутке. Продукт предназначен для разработчиков, использующих AI-инструменты, такие как Claude, Cursor и v0, чтобы генерировать код на React, Next.js и Tailwind CSS. Доступ к большинству материалов ограничен платной подпиской Lifetime access за $299, хотя в библиотеке есть несколько бесплатных шаблонов.

Какие особенности у Scrolltide?

• Библиотека шаблонов

  Содержит 140 готовых промптов для лендингов, портфолио и 3D-сайтов, адаптированных под конкретные фреймворки.
• Компоненты интерфейса

  Включает 74 отдельных элемента (кнопки, карточки, галереи), которые можно интегрировать в существующие проекты через один промпт.
• Шейдеры и анимации фона

  Предлагает 55 GPU-ускоренных фоновых эффектов (градиенты, огонь, жидкость) в форматах MP4, статичных изображений или компонентов кода.
• Секции страниц

  Содержит 22 типовых блока (таблицы цен, отзывы, футеры) для быстрой сборки частей сайта без повторного написания кода.
• UI-экраны приложения

  Включает 14 шаблонов дашбордов, кошельков и консолей с реальной структурой данных для внутренних частей веб-приложений.
• Формат вывода

  Промпты оптимизированы для получения production-ready кода на Next.js, который можно развернуть сразу после копирования и вставки в AI-редактор.

Какие случаи использования Scrolltide?

• Запуск нового проекта

  Копирование полного шаблона лендинга или 3D-сайта из библиотеки и его вставка в Cursor или v0 для мгновенной генерации каркаса сайта.
• Доработка существующего интерфейса

  Использование отдельного компонента, например кнопки с реакцией на курсор или карточки товара, чтобы добавить интерактивность в уже собранный макет.
• Визуальное оформление фона

  Применение шейдеров из библиотеки в виде видеофайлов MP4 или готовых компонентов для создания динамичных задних планов на hero-секциях.

Как использовать Scrolltide?

1. Выбор промпта

   Просмотрите библиотеку и отфильтруйте шаблоны по категории, фреймворку или стилю, затем скопируйте нужный промпт.
2. Вставка в AI-редактор

   Перенесите скопированный текст в поддерживаемые инструменты разработки, такие как Claude, Cursor или v0, для генерации кода.
3. Получение результата

   Используйте сгенерированный production-ready код на Next.js, отредактируйте тексты и разверните сайт.

Информация о ценах на Scrolltide:

• Lifetime access

  Единовременный платеж $299 за неограниченный доступ к библиотеке промптов и шаблонов.
• Бесплатный доступ

  Ограниченное количество шаблонов (например, Otis, SELENE, NAÏADE) доступно для использования без оплаты.