Анимированная секция таймлайна: вертикальный компонент с 4 шагами, плавной анимацией прогресса и плавным появлением карточек при скролле. Идеально для демонстрации процессов, дорожных карт.
Стеклянная кнопка CTA с иконками: анимированная кнопка призыва к действию с эффектом стекла, иконками и плавным переходом при наведении. Идеально для навигации.
Секция отзывов с бесконечной прокруткой. Горизонтальный авто-скроллинг карточек с рейтингами, аватарами и цитатами. Адаптивный дизайн на Tailwind CSS.
Компонент логотипа компании с изометрической иконкой безопасности и названием бренда MULTIFACTOR. Современный, адаптивный дизайн.
Карточка с обзором дизайн-системы: название, версия, описание, цвета, код токенов, WCAG. Для дашбордов и документации.
Карточка с метриками Lighthouse (производительность, SEO). Анимированные круговые значки, темная тема. Адаптивный дизайн с Tailwind CSS.
Кнопка CTA "Смотреть демо" с иконкой. Закругленная кнопка с эффектом при наведении, подходит для ссылок на видео-демо и разделы лендингов.
Закругленная кнопка CTA с иконкой. Tailwind CSS. Для форм, тестов, навигации. Интерактивность, состояния.
Логотип Syntomy: уникальный UI-компонент для брендинга. Создайте узнаваемый визуальный стиль вашего проекта.
Адаптивная CTA карточка для сбора email. Анимация заголовка, поле ввода, кнопка. Идеально для лендингов и онбординга.
Адаптивный 3-колоночный блок с карточками: анимации, иконки, подписка. Для лендингов SaaS, промо.
Анимированная карточка героя с иконками CTA. Идеальна для лендингов и маркетинговых блоков. Создана на Tailwind CSS.
Адаптивная секция с формой обратной связи на Tailwind CSS. Собирает заявки для портфолио, агентств, SaaS. Включает поля ввода, выбора, textarea.
Адаптивная карточка услуги с изображением и кнопками CTA. Идеальна для лендингов, маркетинга и выделения сервисов.
Адаптивный футер Tailwind с формой обратной связи: контакты, ссылки, соцсети. Идеально для сайтов агентств и SaaS для сбора заявок.
Адаптивный раздел с планами ценообразования. Три тарифа, выделенный план, списки функций, кнопки CTA. Tailwind CSS, сетка, эффекты.
Секция Bento Grid для лендинга: карточки с графиком Chart.js, таймлайном, бейджами. Адаптивный UI для SaaS, аналитики, стартапов.
Адаптивный Hero-блок с навигацией и анимированной кнопкой CTA. Идеально для лендингов, сайтов-портфолио и продуктовых страниц. Создан на Tailwind CSS.
Адаптивный Hero-блок для портфолио с CTA и сеткой изображений. Идеален для дизайнеров и агентств, чтобы представить услуги и направить пользователей.
Анимированная кнопка CTA с градиентом и плавающими точками. CSS-компонент для интерактивных лендингов, ховеров и призывов к действию.
Секция портфолио с карточками проектов. Адаптивный 2x2 грид, иконки, бейджи. Идеально для сайтов агентств и личных портфолио.
Секция дашборда для мониторинга сети. Отображает метрики, статус и аналитику в реальном времени. Адаптивный дизайн, Tailwind CSS.
Адаптивная секция с KPI и галереей изображений. Сетка 1/3 колонок, градиенты, скругления. Идеально для лендингов и дашбордов.
Адаптивный шапка сайта с логотипом, навигацией и кнопками действий. Идеально для SaaS, дашбордов и лендингов.
Центрированная секция Hero с двумя CTA. Адаптивный баннер для лендингов с заголовком, текстом и кнопками. Tailwind CSS.
Адаптивная таблица цен с FAQ. Три тарифа (Starter, Pro, Enterprise) с бейджами, кнопками CTA и списком вопросов. Идеально для лендингов SaaS.
Адаптивная таблица цен с переключением планов. Идеально для SaaS и подписок. Tailwind CSS. Ежемесячно/ежегодно.
Адаптивная hero-секция с CTA и блоком кода. Идеально для лендингов SaaS, Web3. TailwindCSS, градиент, кнопки.
Адаптивный FAQ аккордеон на Tailwind CSS. Секция с 5 вопросами/ответами для лендингов и хелп-центров. UI компонент.
Карточка с ценой командного тарифа для SaaS. Tailwind CSS, кнопки CTA, список фич. Адаптивный дизайн.
Адаптивная карточка тарифного плана с бейджем, ценой, двумя CTA и списком фич. Tailwind CSS. Для SaaS и продуктов.
Hero-секция для лендинга: заголовок, подзаголовок, кнопки CTA, галерея изображений. Адаптивный дизайн, Tailwind CSS. Идеально для SaaS.
FAQ аккордеон на Tailwind CSS. Адаптивный блок с выпадающими вопросами и ответами. Идеален для разделов помощи и онбординга.
Адаптивный тёмный футер Tailwind CSS с навигацией, соцсетями, формой подписки и копирайтом. Идеально для SaaS и корпоративных сайтов.
Секция отзывов с рейтингом и CTA. Адаптивный Tailwind компонент для демонстрации клиентских мнений на лендингах и сайтах продуктов.
Адаптивная таблица сравнения цен SaaS. Сравнение тарифов Solo, Team, Enterprise с переключением месяца/года, иконками и кнопками CTA.
