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

#forms

Feedback

#feedback

Alerts

Информация
Релиз запланирован на 14 мая 2026.
Успех
Заявка отправлена и принята в обработку.

Progress · Spinner · Skeleton

Progress 68%
Spinner
Skeleton

Empty state

Пока ничего нет

Здесь появятся ваши проекты после подачи первой заявки.

Overlays

#overlays
Подсказка через CSS-only tooltip

Подтверждение

Нативный <dialog> — доступный из коробки (Esc, focus trap, backdrop).

Data

#data
Портфель проектов
ПроектНаправлениеСтатусЧек
Aurora AIAI-агентыАктивен€250k
Dawn MobileМобильныеСкоро€120k
Twilight MediaКонтентПауза€80k

Blocks

#blocks

Stats strip

25+
лет на рынке
120+
проектов в портфеле
€500M
оценка экзитов
700+
сотрудников

Feature cards

Северное сияние

Aurora glow и звёздное поле создают глубину без тяжёлых иллюстраций.

Рассвет

Тёплая палитра «зари» используется для CTA и эмоциональных акцентов.

Прозрачность

Glassmorphism через backdrop-filter: blur(20px).