Кузница цифрового совершенства

Библиотека компонентов

Единый источник истины для вашей дизайн-системы. Управляйте тысячами UI-элементов, отслеживайте их эволюцию и гарантируйте визуальную консистентность во всех продуктах компании.

Сетка компонентов библиотеки ФлоуФордж
Навигация

Поиск и фильтрация компонентов

Находите нужные элементы мгновенно. Наша система индексации анализирует не только названия, но и семантику использования, теги и статусы версий.

🔍

Семантический поиск

Ищите по описанию функционала. Введите «форма входа», и система предложит компоненты Login, Input и Button, сгруппированные по контексту.

🏷️

Многоуровневая фильтрация

Фильтруйте по категориям (Data Display, Input, Feedback), статусу (Stable, Beta, Deprecated) и версии фреймворка (React 18, Vue 3).

📂

Коллекции и избранное

Создавайте собственные наборы компонентов для конкретных проектов. Делитесь коллекциями с командой в один клик.

Живой редактор свойств (Props)

Визуализируйте изменения до написания строки кода.

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

  • Генерация кода React/Vue/Svelte
  • Подсветка синтаксиса типов
  • Валидация входящих данных
Props Editor
variant 'primary'
size 'medium'
disabled false
loading false
UX & Доступность

Состояния и A11y по умолчанию

Каждый компонент в ФлоуФордж проходит проверку на доступность. Мы гарантируем, что ваш интерфейс удобен для всех пользователей.

🎭

Полный цикл состояний

Визуализация всех состояний: Default, Hover, Active, Focus, Disabled и Loading. Автоматическая генерация CSS-переходов для плавной анимации.

Встроенная доступность (A11y)

Автоматическое управление фокусом, правильные ARIA-атрибуты и проверка контрастности цветов. Соответствие стандартам WCAG 2.1 уровня AA.

История версий компонентов

Полный контроль над изменениями и обратной совместимостью.

Каждый релиз компонента фиксируется в журнале изменений. Сравнивайте версии, просматривайте Diff-отчеты и откатывайтесь к стабильным версиям в случае критических ошибок.

v2.4.0 — Добавлено свойство isLoading
v2.3.1 — Исправлен z-index в модальном окне
v2.3.0 — Поддержка темной темы
v2.4.0 (Latest)
v2.3.1
v2.3.0

Ускорьте разработку интерфейсов

Присоединяйтесь к 500+ командам, которые используют ФлоуФордж для создания масштабируемых продуктов.

Начать бесплатно