Add inline Office and PDF previews to a Vue 3 admin dashboard.
Embed the demo folder via iframe in a legacy app that cannot add Vue deps.
Show DXF, draw.io, and Excalidraw files inside a documentation portal.
| flyfish-dev/file-viewer | coleam00/hyperframes-ai-video-generation | csthink/dashmotion | |
|---|---|---|---|
| Stars | 50 | 50 | 50 |
| Language | HTML | HTML | HTML |
| Setup difficulty | easy | moderate | easy |
| Complexity | 2/5 | 3/5 | 1/5 |
| Audience | developer | vibe coder | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
Source code is paid, so customization beyond props means buying the shop license or living with the obfuscated dist.
Flyfish Viewer is a public artifact repository for a browser-based file preview component. The repository itself does not contain the source code. It hosts the built distribution files, a demo site, documentation, and example files. Teams who want the full source, a fork, or a commercial license are pointed to the project's shop page, where access is sold for 4.99. The component, published on npm as @flyfish-group/file-viewer3 for Vue 3 and @flyfish-group/file-viewer for Vue 2.7, lets a web app open Word, Excel, PowerPoint, PDF, audio files, and ebooks directly inside the browser. The README states that parsing and rendering happen entirely on the front end, so there is no need for a backend transcoding service, an Office server, or a LibreOffice process. The current version is 1.0.9, and both npm packages stay in sync. The README lists 74 file extensions across roughly 15 preview pipelines. Word docs use docx-preview or a legacy doc viewer, Excel uses styled-exceljs with virtual scrolling, PowerPoint slides render with theme backgrounds and EMF vector images, and PDFs use pdfjs-dist. Other supported types include OFD documents, DXF CAD drawings, Excalidraw boards, draw.io diagrams, EPUB and UMD ebooks, Markdown, common image formats, MP4 video, MP3 and other audio, and a long list of code and text files highlighted with highlight.js. The README describes three ways to use the project. You can install the npm package and register it as a Vue 3 or Vue 2 component, passing a url or a File prop. You can also drop the demo folder onto any static host and embed it through an iframe, which suits multi-system setups that do not want preview dependencies in the main bundle. A tarball under artifacts lets you install without going through npm. The project is released under Apache 2.0. Issues and pull requests for general fixes are welcome.
A Vue component that previews Word, Excel, PowerPoint, PDF, audio, and ebook files in the browser without a backend conversion server.
Mainly HTML. The stack also includes Vue, JavaScript, pdfjs-dist.
Apache 2.0 lets you use, modify, and ship this commercially as long as you keep the notices, but the source code itself is sold separately.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.