Каталог версий 2.0

Библиотека атомов
и молекул

Единый источник истины для UI-разработки. Копируйте код, настраивайте пропсы, внедряйте готовые компоненты в ваши проекты без потери консистентности.

Inputs

Atom

Fly-Input Field

Стандартное текстовое поле с валидацией, поддержкой иконок и состояниями focus/error.

Email адрес
user@example.com
v2.4.0

Buttons

Atom

Fly-Button Primary

Основной элемент взаимодействия. Поддерживает состояния hover, active, disabled и загрузку.

Action
Secondary
v2.4.0

Feedback

Molecule

Fly-Alert Banner

Компонент для оповещений. Типы: success, warning, error. Анимация появления.

Внимание
Срок действия лицензии истекает через 3 дня.
v2.1.2
Molecule / Navigation

Fly-TopNavigation

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

Пропсы (Props)
variant 'compact' | 'expanded' string
items Array<NavItem> object[]
sticky true | false boolean
Формли.
Продукт Документация Цены

Предпросмотр компонента в реальном времени

Контекст использования

Пример использования компонентов Формли в интерфейсе админ-панели

Аналитический дашборд

Компоненты библиотеки спроектированы для работы в плотных интерфейсах. Пример: дашборд SaaS-платформы «FinTrack».

  • 01.
    Fly-DataTable Отображение транзакций с виртуализацией скролла.
  • 02.
    Fly-ChartArea Графики с поддержкой темной темы и точками наведения.
  • 03.
    Fly-FilterGroup Сложные фильтры с сохранением состояния в URL.

Полный доступ к библиотеке

Получите доступ ко всем 142 компонентам, исходному коду и Figma-файлам. Поддержка обновлений включена.

Купить лицензию (₽14,900) Запросить демо для команды