explaingit

extend-hq/ui

Analysis updated 2026-07-03 · repo last pushed 2026-07-03

⭐ Rising1,255TypeScriptAudience · pm founderComplexity · 2/5ActiveLicenseSetup · easy

TLDR

Extend UI gives you ready-to-use, editable building blocks for apps that handle documents, think PDF viewers, e-signature tools, file browsers, and citation overlays for reviewing AI-extracted data.

Mindmap

mindmap
  root((repo))
    What it does
      Document viewers
      E-signature tool
      File browser
      Bounding box citations
    Tech stack
      React
      TypeScript
      Tailwind CSS
      shadcn CLI
    Use cases
      Document review dashboards
      AI document agents
      File upload and management
      Human-in-the-loop checking
    Audience
      Founders and product teams
      Vibe coders using AI assistants
      Developers building document tools
    Components
      14 production-tested pieces
      Copy-in-as-source-code
      Fully customizable
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a document review dashboard where users verify AI-extracted data against the original PDF or spreadsheet.

USE CASE 2

Create an app for viewing, signing, and managing documents like PDFs, Word files, and Excel spreadsheets.

USE CASE 3

Add a Finder-style file browser to your product so users can upload and organize files visually.

USE CASE 4

Show bounding box citations over a document to highlight exactly where specific data was found.

What is it built with?

ReactTypeScriptTailwind CSSshadcn CLI

How does it compare?

extend-hq/uianthropics/cwc-workshopsseakee/cpa-manager-plus
Stars1,2551,2791,199
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-07-032026-06-262026-07-03
MaintenanceActiveActiveActive
Setup difficultyeasymoderatemoderate
Complexity2/53/53/5
Audiencepm founderdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires an existing React app with Tailwind CSS and shadcn UI primitives already set up.

Open-source components you can freely use and customize in your own projects, copied directly as editable source code.

In plain English

Extend UI is a collection of open-source building blocks for apps that work heavily with documents. If you are building a product where users need to view PDFs, Word files, or Excel spreadsheets, upload and manage files, sign documents, or review data extracted from documents, these components give you a big head start. Instead of wiring together a basic file viewer from scratch, you get polished, production-tested pieces. The library offers 14 components covering things like PDF/DOCX/XLSX viewers, e-signature, file thumbnails, and a Finder-style file browser. A standout feature is the bounding box citation tool, which lets you show users exactly where in a document a specific piece of data was extracted from, useful for building human review workflows where someone checks an AI's work against the source file. There are also layout blocks for visualizing OCR (text recognition) output overlaid on the original document. To use these components, you install them into your project using the shadcn CLI, a popular tool for adding pre-built UI pieces to React apps. The key thing is that components are copied in as actual source code rather than installed as hidden dependencies. That means once a component is in your project, you can open it up and customize it however you want. The components assume your app already has basic UI primitives like buttons and dialogs, so they plug into your existing design system rather than imposing their own. The project is maintained by Extend, a company that processes millions of document pages in production. They built these components for their own internal use after finding existing libraries insufficient for document-heavy products, and they continue to maintain them as real production code. This makes Extend UI a good fit for founders or product teams building document processing tools, internal review dashboards, or AI-powered document agents where you need more than a generic file viewer. Because components ship as editable source code using React and Tailwind, they also work well with AI coding assistants that need to read and modify component code directly.

Copy-paste prompts

Prompt 1
I want to add a PDF viewer with bounding box citations to my React app using Extend UI. Walk me through installing the components with the shadcn CLI and wiring up a citation overlay on a PDF document.
Prompt 2
Using Extend UI's file browser and file thumbnail components, help me build a page where users can upload documents, see thumbnails of each file, and click to open them in a viewer.
Prompt 3
I'm building a human review dashboard for AI-extracted document data. Using Extend UI, help me set up a layout that shows the extracted data next to the original document with bounding box highlights.
Prompt 4
Help me install Extend UI's e-signature component into my React and Tailwind project using the shadcn CLI, and customize the signing flow to match my app's design system.
Prompt 5
I have Extend UI's XLSX and DOCX viewer components copied into my project. Help me modify the source code to add a custom toolbar with download and print buttons.

Frequently asked questions

What is ui?

Extend UI gives you ready-to-use, editable building blocks for apps that handle documents, think PDF viewers, e-signature tools, file browsers, and citation overlays for reviewing AI-extracted data.

What language is ui written in?

Mainly TypeScript. The stack also includes React, TypeScript, Tailwind CSS.

Is ui actively maintained?

Active — commit in last 30 days (last push 2026-07-03).

What license does ui use?

Open-source components you can freely use and customize in your own projects, copied directly as editable source code.

How hard is ui to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ui for?

Mainly pm founder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub extend-hq on gitmyhub

Verify against the repo before relying on details.