State Relay
Кнопка с индикатором выполнения
State Relay
Кнопка показывает выполнение, успех или ошибку и позволяет повторить действие. Рабочий пример и файлы для скачивания уже доступны.
Открыть пример и кодЗагружаем страницу…
Загружаем страницу…
Блоки страницы, кнопки и другие элементы интерфейса, а также анимации. Готовые примеры можно настроить и скачать с кодом, запросом для ИИ и инструкцией.
Можно использовать: 9 / В плане: 23
Готовы девять бесплатных примеров: блоки страниц, кнопки, вкладки и анимации. Все 23 платные позиции запланированы.
Показывает, идёт ли действие, завершилось ли оно или возникла ошибка. Проверьте это на копировании текста, затем скачайте код для своего проекта.
Открыть примерНайдено: 32Можно использовать: 9 / В плане: 23
React + TypeScriptState Relay
Кнопка показывает выполнение, успех или ошибку и позволяет повторить действие. Рабочий пример и файлы для скачивания уже доступны.
Открыть пример и кодPress Button
Кнопка или ссылка меняет вид при наведении курсора, нажатии или выборе с клавиатуры.
Открыть пример и кодContent Tabs
Вкладки для переключения описания, характеристик или инструкции внутри одной области.
Открыть пример и кодContent Reveal
Элемент плавно появляется один раз. Если анимация отключена, содержимое остаётся видимым.
Открыть пример и кодStarter Action Band
Короткий завершающий блок с одним главным действием, например переходом к форме или регистрации.
Открыть пример и кодStarter Split Hero
Первый экран небольшого сайта с кратким описанием продукта и основным действием.
Открыть пример и кодStarter Feature Grid
Сетка для 3–6 преимуществ: краткие заголовки, пояснения и понятный порядок чтения.
Открыть пример и кодLine Assemble
Заголовок плавно появляется строка за строкой.
Открыть пример и кодLedger Reflow
Элементы списка плавно перемещаются при добавлении, удалении, фильтрации или смене порядка.
Открыть пример и кодProduct Demo Hero
Первый экран с интерактивным примером, чтобы посетитель мог сразу попробовать ваш продукт.
Посмотреть описаниеProduct Feature Steps
Блок для 3–5 возможностей продукта. Каждый пункт сопровождается объяснением и визуальным примером.
Посмотреть описаниеProduct Pricing Compare
Сравнение тарифов вашего сайта по цене и возможностям. Блок помогает выбрать тариф, но не содержит оплату.
Посмотреть описаниеEditorial Title Hero
Крупный текст как основа первого экрана портфолио или сайта студии.
Посмотреть описаниеEditorial Project Index
Список для 3–8 проектов с вашими изображениями, описаниями и ссылками.
Посмотреть описаниеEditorial Contact Footer
Нижняя часть страницы с контактами и ссылками на остальные разделы сайта.
Посмотреть описаниеPlayful Sticker Hero
Первый экран с собственными формами и стикерами, которые подчёркивают характер сайта.
Посмотреть описаниеPlayful Question Cards
Карточки с ответами на 4–8 частых вопросов о вашем продукте или сервисе.
Посмотреть описаниеPlayful Orbit CTA
Завершающий блок с действием в центре и графическими элементами вокруг него.
Посмотреть описаниеSegmented Navigation
Компактное меню для перехода между страницами или разделами текущей страницы.
Посмотреть описаниеMetric Switcher
Переключатель между группами показателей, например для разных периодов или категорий.
Посмотреть описаниеProject Card
Карточка с изображением работы, кратким описанием роли автора и ссылкой на проект.
Посмотреть описаниеMedia Gallery
Галерея для 3–12 изображений. Выбранное изображение можно открыть крупнее.
Посмотреть описаниеMagnetic Button
Кнопка слегка следует за указателем при наведении. Обычное нажатие и работа с клавиатурой сохраняются.
Посмотреть описаниеTestimonial Switcher
Переключатель для нескольких отзывов. Посетитель сам выбирает, какой отзыв прочитать.
Посмотреть описаниеStagger Group
Элементы группы появляются один за другим с небольшой задержкой между ними.
Посмотреть описаниеSoft Mesh Background
Мягкий градиент для фона отдельного блока, созданный средствами CSS.
Посмотреть описаниеPointer Spotlight
Подсветка фона следует за указателем внутри блока. Текст и содержимое не меняются.
Посмотреть описаниеContext Bridge
Содержимое плавно меняется между двумя подготовленными представлениями внутри одной области страницы.
Посмотреть описаниеFocus Plane
Миниатюра переходит в подробный просмотр с плавной сменой размера и положения.
Посмотреть описаниеEdge Unfold
Панель или меню выдвигается с выбранного края и задвигается при закрытии.
Посмотреть описаниеScroll Chapters
При прокрутке индикатор показывает текущий раздел и общий прогресс чтения страницы.
Посмотреть описаниеMetric Roll
Число плавно сменяется новым значением с учётом формата чисел выбранного языка.
Посмотреть описание