Каталог компонентов
Общие элементы, состояния и шаблоны Fibra. Выбирай раздел или ищи по названию — на русском и английском.
Платформа и инструменты
Связанные сценарии: ввод, параметры, обработка и результат.
Состав раздела · 10
- Tool layouts · шаблоны страниц инструментов
- FileQueue · очередь файлов
- ProcessingPanel · панель обработки
- ResultPanel · панель результата
- ImageViewer / ImageComparison / PDFViewer / TextResult · просмотрщики файлов
- ToolSettings · настройки и пресеты
- CatalogSearch · поиск и фильтры
- TaskCenter / NotificationCenter / WorkflowProvider · фоновые задачи и уведомления
- AsyncState / UnsavedChangesGuard · сетевые состояния и несохранённые изменения
- ToolHelp / FeedbackForm · помощь и обратная связь
Шаблоны страниц инструментов
FileToolLayout · TextToolLayout · ReportToolLayout · EditorToolLayoutЧетыре готовых каркаса. Открой пример, чтобы пройти полный сценарий с общими компонентами.
Очередь файлов
FileQueueНесколько локальных файлов, ограничения формата/размера/количества, повторы, порядок и удаление. Ничего не отправляется.
Добавь файлы
PNG, JPG, PDF, TXT · до 10 МБ на файл · не больше 8
Файлы ещё не добавлены.
Панель обработки
ProcessingPanel · WorkflowJobСостояния ниже переключаются вручную для просмотра. Проценты передаёт вызывающий сервис.
Обработка
Демонстрация обработки
Можно перейти в другой раздел — задача останется в этой вкладке.
Панель результата
ResultPanel · TextResultОдиночные ссылки скачивают показанные файлы. Пакет JSON содержит оба результата с их текстом; это пример callback для группового скачивания.
Результат
2 файла{"example": true, "files": 2}Всего строк: 1
- example-result.jsonapplication/json · 29 Б
Демонстрационный JSON. Это содержимое можно скопировать и скачать.
- example-summary.txttext/plain
Второй файл для примера нескольких результатов.
Просмотрщики файлов
ImageViewer · ImageComparison · PDFViewer · TextResultИзображения — исходные предоставленные варианты маскота. Сравнение показывает белую и прозрачную подложки; обработка изображения не выполняется.

Масштаб 25–300%. Перемещение — прокруткой, стрелками в области изображения или перетаскиванием мышью.

ДоПослеPDF откроется средствами браузера.
Параметры и пресеты
ToolSettingsПресеты сохраняются в состоянии этого примера; реальное хранение подключается callback.
Параметры
- format
- json
- details
- true
- nameLength
- 100
- indent
- 2
Расширенный поиск по каталогу
CatalogSearchПодсказки, категории, сортировка и удаляемые фильтры. Отдельный пример сохраняет условия в URL.
Найдено инструментов: 25
- Безопасное удалениеУдалить файлыПриватность
- Запись аудиоЗаписать звук онлайнАудио и видео
- Извлечь аудиоВырезать аудио из видеоАудио и видео
- Изменить размерСжать или увеличить изображениеИзображения
- Изменить размер видеоСжать или обрезать видеоАудио и видео
- Комиссии маркетплейсовРассчитать комиссию и прибыльУтилиты
- КонвертерКонвертировать аудио и видеоАудио и видео
- Обрезать изображениеОбрезать и повернуть изображениеИзображения
- Объединить файлыСклеить аудио или видеоАудио и видео
- Одноразовые заметкиСоздать заметку с автоудалениемПриватность
- Переводчик документовПеревести текст в файлахФайлы
- Проверка битых пикселейПроверить экран на дефектыИзображения
- Разные инструментыДругие полезные утилитыУтилиты
- Сократить ссылкуСоздать короткую ссылкуИнтернет
- Удалить метаданныеОчистить EXIF и другие метаданныеПриватность
- Удалить фонУбрать фон с изображенияИзображения
- DownloaderСкачать файлы из интернетаФайлы
- JPG → PDFКонвертировать JPG в PDFФайлы
- PDF → JPGКонвертировать PDF в JPGФайлы
- PDF → WordКонвертировать PDF в WordФайлы
- QR CodeСоздать QR-кодИнтернет
- RandomizerСлучайные числа, списки и выборкиИнтернет
- SpeedtestПроверить скорость интернетаИнтернет
- TG Stickers GeneratorСоздать стикеры для TelegramИзображения
- WHOISУзнать информацию о доменеИнтернет
Фоновые задачи и уведомления
WorkflowProvider · useWorkflow · TaskCenter · NotificationCenterЗадачи общие для вкладки. Запусти операцию в полноразмерном примере и вернись сюда.
Задачи
Состояние хранится в памяти этой вкладки. Перезагрузка завершит локальные примеры.
В этом разделе задач нет.
Уведомления
Непрочитанных: 0
Новых уведомлений пока нет.
Состояния данных с сервера
AsyncState · UnsavedChangesGuardСостояния воспроизводятся локально. Поле сохраняет введённый текст при смене состояния; сервер не подключён.
Помощь и обратная связь
ToolHelp · FeedbackFormОтправка сообщения вызывает локальный callback. Сообщения не уходят в службу поддержки.
Как пользоваться
- Выбери файлы в рабочей области.
- Настрой формат описания и запусти задачу.
- Скачай JSON или текст из панели результата.
{"files": [{"name": "poster.png"}]}- Выбор в примере
- PNG, JPG, PDF или текст; до 8 файлов
- Результат примера
- Описание метаданных, без конвертации
Примеры показывают компоненты и локальное поведение. Сервисы, авторизация и оплата подключаются отдельно.
Применение в каталоге