Смотреть превью OriginKit
Готовые анимации для сайта
Библиотека анимированных веб-компонентов: эффекты текста, фоны и интерактивные элементы с примерами.
Интерфейсные эффекты
Место для визуальных референсов. Смотри превью, выбирай приёмы для своих проектов и сохраняй идеи в заметках.
13 сайтов
Смотреть превью 
Смотреть превью React Bits · Plasma
Текучий розовый фон
Анимированный фон Plasma с настройками цвета, света, скорости и формы волн. Твоя розовая конфигурация сохранена в ссылке.
Смотреть превью Paper · Grain Gradient
Зернистые цветные градиенты
Редактор шейдерного градиента с зерном. Можно менять цвета, форму, интенсивность текстуры и движение.
Смотреть превью MeltKit
Студия анимированных градиентов
Приложение для Windows и Mac: плавные фоны, цветовые вариации и бесшовные анимационные петли.
Смотреть превью Claude Video Commands
Эффекты для роликов по команде
Каталог команд для Claude Code: кинетический текст, интерфейсные плашки, графики и эффекты вокруг человека в кадре.
Смотреть превью Motion Mockups
Анимированные мокапы устройств
Браузерный редактор, который помещает запись экрана или картинку в анимированную сцену с телефоном, ноутбуком, планшетом или монитором.
Смотреть превью Prompt Motion
Моушен с промптами и примерами
Галерея анимационных видео и промптов, с помощью которых они сделаны. Есть интерфейсы, диаграммы, типографика, частицы и формы.
Смотреть превью ReactDrops · Bubble UI
Кнопки и элементы из жидкого стекла
Кнопки, поиск, меню, переключатели и ползунки с преломлением фона и переливами мыльной плёнки. Есть превью, код и промпт.
Смотреть превью 21st.dev · Shaders
Каталог шейдерных компонентов
Подборка компонентов сообщества: свет, волны, частицы, жидкие материалы и другие шейдерные эффекты для React-интерфейсов.
Смотреть превью Unicorn Studio
Визуальный конструктор веб-эффектов
Редактор интерактивной графики в браузере: шейдеры, медиа, 3D и движение с реакцией на курсор, скролл и наведение.
Смотреть превью Codrops · Creative Hub
Демо веб-эффектов и интерактивных экспериментов
Галерея работающих демо: эффекты наведения, переходы, анимации при прокрутке, 3D и WebGL. У многих примеров есть ссылки на исходный код.
Смотреть превью Codrops · Webzibition
Подборки красивых готовых сайтов
Отобранные сайты для визуального вдохновения: композиция, типографика, навигация и анимация. Каждая карточка ведёт на настоящий сайт.
Смотреть превью MotionSites
Референсы сайтов с готовыми AI-промптами
Библиотека примеров лендингов и отдельных секций с промптами для создания похожего дизайна через AI. Есть первые экраны, фоны, блоки преимуществ и футеры.
Здесь пока ничего нет. Попробуй другой запрос, выбери «Все» или добавь сайты в избранное.
OriginKit
Готовые анимации для сайта
Что здесь искать
Библиотека анимированных веб-компонентов: эффекты текста, фоны и интерактивные элементы с примерами.
Когда нужен выразительный заголовок, необычный фон или готовая идея для взаимодействия на сайте.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
React Bits · Plasma
Текучий розовый фон
Что здесь искать
Анимированный фон Plasma с настройками цвета, света, скорости и формы волн. Твоя розовая конфигурация сохранена в ссылке.
Для первого экрана, подложки под текст или мягкого движения в интерфейсе. На сайте можно посмотреть эффект в движении и получить код.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Paper · Grain Gradient
Зернистые цветные градиенты
Что здесь искать
Редактор шейдерного градиента с зерном. Можно менять цвета, форму, интенсивность текстуры и движение.
Для фактурных фонов и цветовых переходов. Полезно подбирать палитру прямо в живом превью и затем брать настройки для сайта.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
MeltKit
Студия анимированных градиентов
Что здесь искать
Приложение для Windows и Mac: плавные фоны, цветовые вариации и бесшовные анимационные петли.
Когда нужен свой фон для сайта, презентации или ролика. Результат можно экспортировать как видео, изображение, HTML или React-компонент.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Claude Video Commands
Эффекты для роликов по команде
Что здесь искать
Каталог команд для Claude Code: кинетический текст, интерфейсные плашки, графики и эффекты вокруг человека в кадре.
Для референсов к рилсам и видео с ведущим. У каждого эффекта есть описание, требования к съёмке и промпт.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Motion Mockups
Анимированные мокапы устройств
Что здесь искать
Браузерный редактор, который помещает запись экрана или картинку в анимированную сцену с телефоном, ноутбуком, планшетом или монитором.
Чтобы красиво показать сайт, приложение или дизайн в портфолио и проморолике: выбрать устройство, движение камеры и собрать сцены.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Prompt Motion
Моушен с промптами и примерами
Что здесь искать
Галерея анимационных видео и промптов, с помощью которых они сделаны. Есть интерфейсы, диаграммы, типографика, частицы и формы.
Чтобы выбрать движение по готовому примеру, разобрать приём и адаптировать промпт под свою задачу.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
ReactDrops · Bubble UI
Кнопки и элементы из жидкого стекла
Что здесь искать
Кнопки, поиск, меню, переключатели и ползунки с преломлением фона и переливами мыльной плёнки. Есть превью, код и промпт.
Для референсов по прозрачным материалам и микровзаимодействиям. На сайте можно переключать элементы и настраивать вид от пузыря до стекла.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
21st.dev · Shaders
Каталог шейдерных компонентов
Что здесь искать
Подборка компонентов сообщества: свет, волны, частицы, жидкие материалы и другие шейдерные эффекты для React-интерфейсов.
Когда хочется сравнить много визуальных решений и найти конкретный эффект для фона, блока или интерактивного элемента.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Unicorn Studio
Визуальный конструктор веб-эффектов
Что здесь искать
Редактор интерактивной графики в браузере: шейдеры, медиа, 3D и движение с реакцией на курсор, скролл и наведение.
Чтобы собрать собственную сцену на визуальном холсте, встроить её в сайт или экспортировать анимацию в видео.
Превью — снимок страницы. Открой сайт, чтобы посмотреть движение и настройки.
Codrops · Creative Hub
Демо веб-эффектов и интерактивных экспериментов
Что здесь искать
Галерея работающих демо: эффекты наведения, переходы, анимации при прокрутке, 3D и WebGL. У многих примеров есть ссылки на исходный код.
Чтобы посмотреть приём в действии, подобрать движение для интерфейса и перейти к коду или разбору конкретного примера.
Превью — пример Lookbook Hover Effects из Creative Hub. Открой каталог, чтобы посмотреть все демо в движении.
Codrops · Webzibition
Подборки красивых готовых сайтов
Что здесь искать
Отобранные сайты для визуального вдохновения: композиция, типографика, навигация и анимация. Каждая карточка ведёт на настоящий сайт.
Для поиска общего направления проекта и референсов отдельных экранов. Ссылка открывает вторую страницу подборки, которую ты сохранила.
Превью — сайт TBWA\HAKUHODO из подборки Webzibition. Открой подборку, чтобы смотреть остальные сайты.
MotionSites
Референсы сайтов с готовыми AI-промптами
Что здесь искать
Библиотека примеров лендингов и отдельных секций с промптами для создания похожего дизайна через AI. Есть первые экраны, фоны, блоки преимуществ и футеры.
Чтобы выбрать визуальный приём по готовому примеру и адаптировать промпт под свой сайт. Доступ к некоторым промптам открывается отдельно.
Превью — пример Video Ribbon из библиотеки MotionSites. Открой сайт, чтобы посмотреть другие варианты и доступные промпты.
Избранное и заметки сохраняются в этом браузере. Для переноса на другое устройство используй «Данные и копии» на главной странице.