---
title: Persian OCR System
emoji: 💻
colorFrom: green
colorTo: gray
sdk: gradio
sdk_version: 5.17.1
app_file: app.py
pinned: true
license: mit
---

<div align="center" style="background: white; padding: 2rem; border-radius: 15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">

<!-- Header with gradient text and glowing cat symbol -->
<h1 style="font-size: 3.5em; margin: 0; background: linear-gradient(45deg, #00ff88, #00b8ff); -webkit-background-clip: text; color: transparent;">
  Persian OCR System <span style="font-size: 1.2em; text-shadow: 0 0 10px #00ff88, 0 0 20px #00b8ff;">𓃠</span>
</h1>

<!-- Glassmorphism buttons with SVG icons -->
<div style="display: flex; gap: 1rem; justify-content: center; margin: 2rem 0;">
  <button style="padding: 0.75rem 2rem; background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.2); border-radius: 50px; backdrop-filter: blur(10px); color: #00ff88; font-size: 1em; cursor: pointer; transition: all 0.3s;">
    <svg style="width: 20px; height: 20px; margin-right: 8px;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path></svg>
    Real-time Processing
  </button>
  <button style="padding: 0.75rem 2rem; background: rgba(0, 184, 255, 0.1); border: 1px solid rgba(0, 184, 255, 0.2); border-radius: 50px; backdrop-filter: blur(10px); color: #00b8ff; font-size: 1em; cursor: pointer; transition: all 0.3s;">
    <svg style="width: 20px; height: 20px; margin-right: 8px;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg>
    AI-Powered OCR
  </button>
</div>



</div>

## ✨ Features

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin: 2rem 0;">

<div style="padding: 1.5rem; background: white; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; position: relative; overflow: hidden;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00ff88, #00b8ff); z-index: -1; opacity: 0.2;"></div>
  <h3>📄 Multi-Format Support</h3>
  <p>Process images (JPG/PNG) and PDF documents with embedded text extraction</p>
</div>

<div style="padding: 1.5rem; background: white; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; position: relative; overflow: hidden;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00ff88, #00b8ff); z-index: -1; opacity: 0.2;"></div>
  <h3>🤖 AI-Powered OCR</h3>
  <p>Combination of transformer models and traditional OCR engines</p>
</div>

<div style="padding: 1.5rem; background: white; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; position: relative; overflow: hidden;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00ff88, #00b8ff); z-index: -1; opacity: 0.2;"></div>
  <h3>⚡ Real-Time Processing</h3>
  <p>GPU acceleration support for fast document processing</p>
</div>

<div style="padding: 1.5rem; background: white; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; position: relative; overflow: hidden;">
  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00ff88, #00b8ff); z-index: -1; opacity: 0.2;"></div>
  <h3>🌐 Multi-Language Support</h3>
  <p>Supports Persian, English, and other languages</p>
</div>

</div>

## 🛠️ Installation

```bash
# Clone the repository
git clone https://github.com/yourusername/persian-ocr-system.git
cd persian-ocr-system

# Create virtual environment
python -m venv venv
source venv/bin/activate  # Windows: venv\Scripts\activate

# Install dependencies
pip install -r requirements.txt

# Run the system
python app.py
```

<div align="center" style="margin-top: 2rem; padding: 1.5rem; background: white; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00ff88, #00b8ff); z-index: -1; opacity: 0.2;"></div> <h3>✨ Made with ❤️</h3> <p>By [Your Name]</p> </div><style> /* Custom CSS for Glassmorphism Effects */ button { background: rgba(255, 255, 255, 0.25); border: none; border-radius: 12px; padding: 0.75rem 1.5rem; font-weight: bold; color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; backdrop-filter: blur(5px); } button:hover { background: rgba(255, 255, 255, 0.4); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); } /* Responsive design */ @media (max-width: 768px) { h1 { font-size: 2.5em; } .badges { flex-direction: column; } .feature-grid { grid-template-columns: 1fr; } } </style>