Skip to content

README_EN.md

Latest commit

 

History

History
223 lines (159 loc) · 8.24 KB

README_EN.md

File metadata and controls

223 lines (159 loc) · 8.24 KB
Raw

365VPN

简体中文 | English | 日本語 | 한국어 | Français | Deutsch

Penio Logo

Penio

Cooler, Flashier, More Dynamic

A powerful screen annotation and presentation tool that makes your demos, teaching, and screen recordings more vivid and engaging


GitHub Stars GitHub Forks Github Issues
Downloads Version Platform
Commit Activity
Penio - A screen drawing application to add mouse click effects | Product Hunt

📦 Installation

Download Installer

Visit the Releases page to download the installer for your operating system:

  • Windows:

  • macOS:

    • Apple Silicon (M1/M2/M3, etc.): Penio_x.x.x_aarch64.dmg
    • Intel chips: Penio_x.x.x_x64.dmg

  • Linux:

    • ARM chips: Penio_x.x.x_aarch64.deb / Penio_x.x.x_aarch64.AppImage / Penio_x.x.x_aarch64.rpm
    • x64 chips: Penio_x.x.x_amd64.deb / Penio_x.x.x_amd64.AppImage / Penio_x.x.x_amd64.rpm

🚀 Usage

Basic Operations

  1. Launch App: The app minimizes to the system tray
  2. Open Settings: Click tray icon → Settings
  3. Enable Features:
    • Enable click effects in the "Mouse" tab
    • Enable keyboard echo in the "Keyboard" tab
    • Configure shortcuts in the "Drawing" tab
  4. Start Using: Press the shortcut to start drawing on screen

✨ Features

🎨 Screen Drawing

Draw freely on your screen with various drawing tools to make your presentations more intuitive.

Pressure-Sensitive Brush

A pressure-sensitive brush tool where line thickness varies with applied force

-.mp4

Fade-Out Brush

Strokes automatically fade away, perfect for temporary annotations

-.mp4

Rectangle Tool

Quickly draw rectangular frames to highlight key areas

-.mp4

Ellipse Tool

Draw circles and ellipses to mark important content

-.mp4

🖱️ Mouse Click Effects

Add cool visual effects to mouse clicks so viewers can clearly see your actions.

Ripple

default.mp4

Firework

default.mp4

Spiral

default.mp4

Circle Stroke

default.mp4

Rectangle Stroke

default.mp4

⌨️ Keyboard Echo

Display pressed keys in real-time for clearer teaching demonstrations.

default.mp4

🌍 Multi-Language Support

Supports Chinese (Simplified/Traditional), English, Japanese, Korean, French, German, Spanish, and more.

🎯 Other Features

  • ✅ Cross-Platform: Supports Windows, macOS, Linux
  • ✅ Transparent Window: Drawing doesn't obstruct screen content
  • ✅ Keyboard Shortcuts: Customizable shortcuts for quick feature toggling
  • ✅ Customizable Styles: Adjust colors, sizes, speeds, and other parameters
  • ✅ Auto-Start: Optional auto-start on system boot
  • ✅ System Tray: Minimize to system tray for easy access

🛠️ Development

Development Requirements

  • Node.js >= 18
  • Bun >= 1.0
  • Rust >= 1.70
  • OS-specific requirements:
    • Windows: WebView2
    • macOS: Xcode Command Line Tools
    • Linux: webkit2gtk, libgtk-3-dev

Project Structure

penio/
├── src/                    # Frontend source code
│   ├── components/         # React components
│   ├── hooks/              # Custom Hooks
│   ├── i18n/               # Internationalization
│   ├── pages/              # Pages
│   ├── store/              # State management
│   └── utils/              # Utilities
├── src-tauri/              # Tauri backend
│   ├── src/                # Rust source code
│   ├── icons/              # App icons
│   └── capabilities/       # Permission configs
├── docs/                   # Documentation and demo videos
└── public/                 # Static assets

📄 License

This project is licensed under the MIT License.

🙏 Acknowledgments

  • Tauri - Powerful desktop application framework
  • Excalidraw - Excellent hand-drawn style drawing tool
  • Mo.js - Flexible animation library
  • Material-UI - React UI component library
  • rdev - Rust event listening

🎁 Support the Project

If this project helps you, please give it a ⭐️ Star!

You can also support the development via GitHub Sponsors.

📮 Contact

Star History Chart