News / เจาะฟีเจอร์ / รวมค่าย
รวมค่าย · เจาะฟีเจอร์

Extend AI ปล่อย UI งานเอกสารฟรีสำหรับนักพัฒนา

Mac
ภีศเดช เพชรน้อย
11 มิ.ย. 2026 · อ่าน 4 นาที
Extend AI ปล่อย UI งานเอกสารฟรีสำหรับนักพัฒนา

ใครต้องทำ UI สำหรับงานเอกสารใน app ตัวเอง มีของฟรีตัวใหม่มาแล้วครับ

ทีม Extend AI เพิ่งปล่อย Extend UI — open-source React component library (MIT license) สำหรับสร้าง UI จัดการเอกสารโดยเฉพาะ ทั้ง PDF / DOCX / XLSX / CSV เหมาะมากกับงาน document agents หรือ AI ที่ต้องอ่าน-ประมวลผลเอกสาร

ที่มาคือทีมเขาทำใช้กันเองภายในก่อน เพราะ library เอกสารที่มีอยู่ในตลาด (ทั้ง open-source และ commercial) มันไม่ครบหรือไม่ polish พอ เลย battle-tested มากับเอกสารหลายล้านหน้าต่อวัน พอลูกค้าถามหาบ่อย ๆ ก็เลยตัดสินใจเปิด open-source ให้ใช้ฟรี

ในชุดมี ~14 components เช่น PDF Viewer (zoom / thumbnails / search / OCR overlay / annotations), DOCX Viewer + Editor, Excel Viewer/Editor (ยัง experimental), CSV Viewer, File Upload (dropzone), File Thumbnail, E-Signature, Document Splits, Schema Builder, File System แบบ Finder และตัวที่น่าสนใจคือ Bounding Box Citations — ไฮไลต์ตรงจุดที่ AI อ้างอิงในเอกสารได้เลย

จุดที่ดีคือมันเป็นสไตล์ shadcn/ui — code เปิดหมด customizable เต็มที่ ติดตั้งผ่าน shadcn registry ตรง ๆ เช่น pnpm dlx shadcn@latest add @extend/pdf-viewer แล้วเอาไปแก้ต่อในโปรเจกต์ตัวเองได้ ไม่ผูก backend (เรื่อง OCR / signing ต่อเอง) ตอนนี้ repo extend-hq/ui อยู่ที่ ~287 stars แล้ว

ฝั่งรีวิวก็ค่อนข้าง honest นะครับ co-founder Magic Patterns (Alex Danilowicz) บอกว่าเป็น component library ที่ impressive ที่สุดที่เคยเห็น เพราะ PDF/DOCX viewer + XLSX table พวกนี้ทำยากจริง ส่วน Georgios Konstantopoulos (CTO Paradigm) ก็บอก "amazing stuff, integrating now"

แต่ของแบบนี้มันก็มีข้อจำกัด — ตัวยังใหม่ บางส่วนเป็น experimental อยู่ (อย่าง Excel editor) และถ้าใครไม่คุ้น shadcn/ui ก็จะมี learning curve นิดนึง แต่โดยรวมสำหรับคนที่ทำ document app หรือ AI agent อ่านเอกสาร ผมว่าน่าลองมากครับ

เว็บ: ui.extend.ai

GitHub: github.com/extend-hq/ui

ทุกคนที่ทำสาย document AI / agent ลองเข้าไปส่องกันได้เลยครับ

อยากใช้ AI กับงานจริงเป็นระบบ?

เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก

ดูคอร์ส →

📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac