vanilla · full showcase
UI-kit i-free 2026
20+ компонентов и блоков на чистом HTML+CSS+vanilla JS. Без сборщиков, без npm.
Брендовые токены — из единого файла tokens/ifree-tokens.css.
Atoms
#atomsКнопки
Бэйджи
Default
Outline
● Aurora
● Dawn
✓ Success
⚠ Destructive
Avatar · Separator
АИ
БК
АИ
БК
+5
↑ компонент .separator
Forms
#formsFeedback
#feedbackAlerts
Информация
Релиз запланирован на 14 мая 2026.
Успех
Заявка отправлена и принята в обработку.
Внимание
Срок подачи заявок истекает через 3 дня.
Ошибка
Не удалось загрузить данные. Повторите попытку.
Progress · Spinner · Skeleton
Progress 68%
Spinner
Skeleton
Empty state
Пока ничего нет
Здесь появятся ваши проекты после подачи первой заявки.
Overlays
#overlays
Подсказка через CSS-only tooltip
Data
#data| Проект | Направление | Статус | Чек |
|---|---|---|---|
| Aurora AI | AI-агенты | Активен | €250k |
| Dawn Mobile | Мобильные | Скоро | €120k |
| Twilight Media | Контент | Пауза | €80k |
Blocks
#blocksStats strip
- 25+
- лет на рынке
- 120+
- проектов в портфеле
- €500M
- оценка экзитов
- 700+
- сотрудников
Feature cards
Северное сияние
Aurora glow и звёздное поле создают глубину без тяжёлых иллюстраций.
Рассвет
Тёплая палитра «зари» используется для CTA и эмоциональных акцентов.
Прозрачность
Glassmorphism через backdrop-filter: blur(20px).