Зміст
Коротко
Команда extend.ai викладала Extend UI — набір із 14 React-компонентів з відкритим кодом для застосунків із документами: перегляд PDF, DOCX, XLSX, CSV, bounding box citations, завантаження файлів і електронний підпис. Ліцензія MIT, повна кастомізація; анонс через Show HN.
Що сталося
Типова історія продуктової команди: перед запуском extend.ai перебрали готові viewer-бібліотеки — не вистачало форматів або «полірування» UX. Внутрішній набір компонентів виріс у продукт і тепер відкритий спільноті.
У комплект входять блоки для перегляду файлів у браузері, підсвітки цитат із прив'язкою до координат (bounding boxes — корисно для RAG і review-панелей), drag-and-drop завантаження та підписання. Компоненти для клієнтських застосунків, агентських інтерфейсів і внутрішніх систем документообігу.
Автори публікують демо-відео та приклади інтеграції. Для команд, що будують document AI або compliance-інструменти, це знімає місяці верстки viewer-шару.
Чому це важливо
Ринок LLM + документи переповнений бекендами парсингу, але фронтенд для «людина бачить файл, модель посилається на абзац» часто пишуть з нуля. Extend UI закриває цей зазор — React, MIT, сучасні офісні формати, не лише PDF.
Продукти навколо документів стандартизують шар відображення так само, як колись таблиці та вибір дати. Компоненти не жорстко прив'язані до API extend.ai.
На практиці
- Потрібен єдиний viewer для PDF + Office? Extend UI покриває обидва класи.
- Для RAG/review дивіться bounding box citations.
- Перевірте MIT і можливість форку під корпоративний брендбук.
- Порівняйте з react-pdf і платними SDK за DOCX/XLSX та e-sign.
- Почніть із demo на сайті.
- Заложіть час на оформлення — набір кастомізується, але тема інтерфейсу на вас.
Підсумок
Extend UI — рідкий випадок, коли продуктова команда віддає назовні UI-шар, який писала для себе. Якщо робите застосунок навколо документів або ШІ-розбору файлів, має сенс годину витратити на їхній kit. Документація — на extend.ai/ui.