UI-kit i-free 2026 · Lite
Минимальный набор из 8 компонентов на чистом HTML+CSS. Токены подключены через
../../../tokens/ifree-tokens.css. Открывается двойным кликом по файлу.
Кнопки варианты + размеры
Бэйджи badge
Default
Outline
● Aurora
● Dawn
⚠ Destructive
Поля ввода input / textarea
Glass-карточка glass-card
Северное сияние
Glassmorphism через backdrop-filter: blur(20px) поверх ночного фона.
Alerts 4 типа
Информация
Релиз запланирован на 14 мая 2026.
Успех
Заявка отправлена и принята в обработку.
Внимание
Срок подачи заявок истекает через 3 дня.
Ошибка
Не удалось загрузить данные. Повторите попытку.
Tabs CSS + чуть JS
Холодная ось — мята, бирюза, лёд. Используется для primary actions и ссылок.
Тёплая ось — розовый, персик, коралл. Используется для CTA и эмоциональных акцентов.
Глубокая ночь — фоновые поверхности с нарастающей глубиной.
Switch toggle
Avatar single + group
АИ
БК
АИ
БК
+5
i-free 2026 · vanilla lite · токены: tokens/ifree-tokens.css