Анимированная кнопка CTA с градиентом и иконкой. Реагирует на наведение и нажатие. Идеально для медиа-плееров, лендингов.
Кнопка CTA с неоновым градиентным бордером и эффектом при наведении. Чистый CSS. Идеально для ссылок, секций и акцентов в UI.
Секция контактов с CTA и иконками соцсетей. Идеальна для лендингов, портфолио. Адаптивный дизайн.
Адаптивный блок услуг Tailwind CSS с карточками. Демонстрирует услуги с иконками и ценами, идеально для сайтов агентств и портфолио.
Темный Hero-раздел для сайтов агентств: заголовок, услуги, CTA, галерея проектов. Современный дизайн, адаптивный, на Tailwind CSS.
Крупный заголовок секции с современной типографикой. Используется для выделения основных разделов или категорий.
Карточка категории проекта: изображение, заголовок, список фич. Адаптивный UI-компонент с hover-эффектом для каталога.
Адаптивная сетка карточек категорий проектов с изображениями и списками. Отлично подходит для демонстрации проектов или услуг с эффектами наведения.
Секция с 3-шаговым процессом дизайна. Адаптивный грид на Tailwind CSS для лендингов, портфолио, кейсов.
Адаптивная сетка портфолио с наложением при наведении. Отображает карточки проектов с изображениями, градиентом, категориями и описанием. Идеально для галерей.
AI-генератор детских историй: форма с предпросмотром. Создавайте, скачивайте и делитесь иллюстрированными историями по вашим параметрам.
Tailwind CSS адаптивная нижняя навигация для мобильных приложений с 4 иконками и плавающей кнопкой FAB. Идеально для PWA и дашбордов.
Секция с карточкой видео-гайдом. Отображает заголовок "Гайды", кнопку "Подробнее" и адаптивную карточку видео с миниатюрой, названием, автором и статистикой просмотров. Идеально для списков туториалов, медиатеки или дашборда.
Интерактивная карточка видео с предпросмотром при наведении. Автовоспроизведение без звука. Идеально для галерей, курсов, медиа-дашбордов.
Секция с аналитикой: адаптивный блок с графиком и CTA. Идеально для SaaS-дашбордов и лендингов. Tailwind CSS.
Секция с выделенными функциями: 3 колонки, центральное изображение, градиентные карточки. Адаптивный дизайн, анимация. Идеально для лендингов SaaS.
Интерактивная кнопка CTA с анимированной радужной границей при наведении. Идеально для лендингов и хэдер-секций.
Карточка с кодом и статус-баром: стилизованное окно для HTML-сниппетов с подсветкой синтаксиса. Идеально для портфолио и лендингов.
Карточка услуги с браузерным макетом и эффектом наведения. Tailwind CSS, стекломорфизм, адаптивный дизайн. Идеально для портфолио, сайтов агентств.
Карточка статуса таймлайна проекта: темная тема, фильтры, бейджи. Идеально для дашбордов для отображения прогресса и спринтов.
Вертикальная навигационная панель с иконками и всплывающими подсказками. UI компонент на Tailwind CSS для компактных дашбордов.
Секция отзывов и рейтингов на Tailwind CSS. Отображает звезды, цитаты, статистику и CTA для написания отзыва. Адаптивный дизайн.
Адаптивная сетка товаров (2-4 колонки) на Tailwind CSS с анимированными карточками. Идеально для e-commerce и витрин брендов.
Секция галереи товаров с выбором вариантов (цвет, размер) для e-commerce. Адаптивный дизайн, Tailwind CSS. Отображение цены, скидок, кнопок.
CSS кнопка CTA с градиентом и анимацией частиц. Интерактивная, с эффектами при наведении. Идеальна для лендингов и форм.
CSS/Tailwind-утилиты для создания анимированного градиентного бордера-оверлея. Улучшает карточки, кнопки, секции, баннеры динамичным акцентом.
Адаптивный компонент изображения логотипа с эффектом тени. Масштабируется от 20px до 28px, сохраняя пропорции.
Интерактивная карточка с изображением и стрелкой. При наведении: зум, блюр, градиент, иконка. Tailwind CSS. Для превью статей, блога, портфолио.
Кнопка CTA с иконкой стрелки в форме таблетки. Tailwind CSS. Анимированная при наведении. Для навигации и призывов к действию.
Интерактивная сетка 5 шагов процесса с расширением при наведении. UI компонент Tailwind CSS для демонстрации рабочего процесса, деталей и логотипов.
Интерактивная кнопка CTA с градиентом и анимацией. Создана на Tailwind CSS. Идеальна для лендингов, секций, форм обратной связи.
Адаптивный карусель товаров со скидками. Отображает акционные товары, работает на Tailwind CSS. Идеален для ecommerce.
Адаптивная карточка коллекции с галереей изображений. Идеальна для e-commerce: витрина товара, 3 фото, эффекты при наведении. Tailwind CSS.
Адаптивный раздел-галерея товаров на Tailwind CSS с эффектами при наведении. Идеально для лендингов ecommerce и демонстрации коллекций.
Адаптивная галерея товаров с заголовком. Сетка из карточек изображений для витрин, промо-страниц. Tailwind CSS.
Адаптивная сетка промо-карточек для e-commerce на Tailwind. Отображает товары, акции, категории. Идеально для лендингов.
