Библиотека Forms Component

Сырьевые компоненты: копируй структуру и меняй стили под твой проект.

Все компоненты адаптивны :

max-width: 1920px;

min-width: 320px;

Рубрика Forms — это сердце любого коммерческого сайта, так как именно здесь происходит конверсия посетителя в клиента.

Classic Light

Это универсальное решение: мягкие тени, скругленные углы и много «воздуха», что создает ощущение доверия и профессионализма.

Адрес в системе :

// src / library / shared / Forms / Form01 /

Dark Tech

Техно-стиль (Dark Tech) подразумевает глубокий черный или темно-серый фон, моноширинные шрифты (как в терминале) и яркие акценты (неон).

Адрес в системе :

// src / library / shared / Forms / Form02 /

Glassmorphism

Этот стиль сейчас крайне популярен в премиальном веб-дизайне. Главная сложность здесь — соблюсти баланс между прозрачностью и читаемостью.

Адрес в системе :

// src / library / shared / Forms / Form03 /

Minimalist Split

Этот компонент разделяет пространство на информационную часть (слева) и функциональную (справа), что выглядит очень премиально и не перегружает пользователя.

Адрес в системе :

// src / library / shared / Forms / Form04 /

Floating Labels

Этот эффект («плавающие» подписи) считается золотым стандартом UX для современных интерфейсов.

Адрес в системе :

// src / library / shared / Forms / Form05 /

Bordered Accent

Это воплощение строгого минимализма, который часто встречается в дизайне премиальных брендов одежды, архитектурных бюро или элитной недвижимости.

Адрес в системе :

// src / library / shared / Forms / Form06 /

Creative Geometric

Этот стиль идеально подходит для креативных агентств, студий дизайна или архитектурных бюро.

Адрес в системе :

// src / library / shared / Forms / Form07 /