https://github.com/DhirajKarangale/pdfppt-export
A collection of mini React Proof of Concepts (POCs) exploring useful integrations like PDF exporting and UI components with shadcn/ui — built for learning, experimenting, and rapid prototyping.
https://github.com/DhirajKarangale/pdfppt-export
css html javascript pdf-generation pdfd react shadcn tailw typescript
Last synced: 5 months ago
JSON representation
A collection of mini React Proof of Concepts (POCs) exploring useful integrations like PDF exporting and UI components with shadcn/ui — built for learning, experimenting, and rapid prototyping.
- Host: GitHub
- URL: https://github.com/DhirajKarangale/pdfppt-export
- Owner: DhirajKarangale
- Created: 2025-08-04T10:04:30.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-05T04:24:42.000Z (10 months ago)
- Last Synced: 2025-08-05T06:21:45.826Z (10 months ago)
- Topics: css, html, javascript, pdf-generation, pdfd, react, shadcn, tailw, typescript
- Language: TypeScript
- Homepage:
- Size: 110 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
pdfppt-export
Export React dashboards to multi-page PDFs and editable PowerPoint (PPTX) using real DOM structure — not screenshots.
---
## ⚠️ Project Status
> **This project is actively under development.**
The core functionality works and is already usable, but:
- Some edge cases may exist
- PPT export logic is complex and evolving
- APIs and internal behavior may improve over time
This is an open, iterative project — **stability and features will improve with community feedback and contributions**.
---
## ✨ What Is This?
**pdfppt-export** is an open-source project that includes:
- 📦 A **React library** (`pdf-ppt-export-react`)
Export dashboards to PDF and editable PPTX using real DOM analysis
- 🧪 A **live demo application**
Shows real-world usage, patterns, and limitations
- 🧩 A **reference implementation**
To understand, customize, and extend the exporter
If your UI renders correctly in the browser, this project aims to export it cleanly.
---
## 🚀 Key Features
### PDF Export
- Multi-page A4 layout
- Smart pagination (no split cards)
- High-quality chart rendering
- Automatic title & date header
- Graceful fallbacks
### PowerPoint Export
- Real editable PPT slides
- Native charts, text boxes, shapes
- Layout-aware panel grouping
- Configurable scaling and slide size
- Optional branded start / end slides
---
## 🔗 Important Links
- 📦 **NPM Package**
https://www.npmjs.com/package/pdf-ppt-export-react
- 🌐 **Live Demo**
https://pdfppt-export.vercel.app/
- 📘 **Library Documentation**
`pdf-ppt-export-react/README.md`
---
## 📂 Repository Structure
```
pdfppt-export/
├── Assets/ # Logos & cover images
├── demo/ # Demo application
│ └── README.md # Demo-specific docs
├── pdf-ppt-export-react/ # React library source
│ └── README.md # Full API & usage docs
└── README.md # (You are here)
```
👉 Start with **`demo/src/Demo.tsx`** to see a complete example.
---
## 🧪 Run the Demo Locally
```bash
git clone https://github.com/DhirajKarangale/pdfppt-export
cd demo
npm install
npm run dev
```
---
## 📦 Install the Library
```bash
npm install pdf-ppt-export-react jspdf html-to-image pptxgenjs culori
```
```ts
import { PDFDownloader, PPTDownloader } from "pdf-ppt-export-react";
```
👉 Full API and advanced usage are documented inside
**`pdf-ppt-export-react/README.md`**
---
## 🤝 Contributing & Collaboration
This project welcomes contributors.
You can help by:
- Reporting bugs or edge cases
- Improving PPT layout logic
- Adding chart support
- Optimizing performance
- Improving documentation
- Testing across browsers and screen sizes
No contribution is too small.
If you’ve ever needed a better **Export to PDF / PPT** solution in React —
**this project is for you.**
Open an issue, start a discussion, or submit a pull request.
---
## 🧭 Roadmap (Open)
- Improve PPT layout accuracy
- Better handling of complex grids
- More chart types & themes
- Plugin-style export hooks
- Improved error diagnostics
- Performance tuning for large dashboards
Roadmap will evolve based on real usage and feedback.
---
## 📄 License
MIT © Dhiraj Karangale
---
Built in public • Improving with community • Contributions welcome