What is Loopi?
Loopi is a visual automation builder where you drag-and-drop nodes to create complex browser workflows. Think of it as a *low-code alternative to Selenium/Puppeteer* but with a graphical interface.
Key Features
- Visual Workflow Editor: ReactFlow-powered node-based graph editor - Interactive Element Picker: Click on page elements to auto-generate CSS selectors - Browser Automation: Execute steps in real Chromium windows - Variable System: Extract data, store in variables, use via `{{varName}}` syntax - Conditional Logic: Branching flows with if/else conditions - Data Extraction: Pull text from elements and reuse across steps - API Integration: Make HTTP calls within automation workflows - Import/Export: Save automations as JSON, version control them - Cross-Platform: Windows, macOS, Linux via Electron
Tech Stack
- Electron 35 – Desktop framework - React 19 – UI with TypeScript - ReactFlow – Visual node editor - shadcn/ui – Accessible components - Tailwind CSS – Modern styling - Electron Forge – Build tooling
Use Cases
E-commerce price monitoring Web scraping with data extraction Form automation & submission Contact form harvesting Multi-page navigation workflows Data pipeline testing Screenshot capture at scale
Example: Price Monitor Automation
``` Navigate → Google Shopping ↓ Click Product ↓ Extract Price → Store in {{price}} ↓ Compare: Is {{price}} < $50? ├─ If YES → Take screenshot, Send API call └─ If NO → Done ```
All visual. No code. Reusable.
Why Open Source?
1. Community-Driven Development: Users submit automations as examples 2. Transparency: Security matters—audit the code yourself 3. Extensibility: Contribute new step types, UI components 4. No Vendor Lock-In: It's yours to run locally or deploy
### Want to Contribute?
We're actively looking for: - Frontend Developers: React/TypeScript component work - Automation Enthusiasts: Test real-world workflows, report UX issues - Documentation Writers: Guides, tutorials, examples - Step Type Creators: Add new automation capabilities - Designers: Polish UI/UX (we use shadcn/ui)
### Links
- GitHub: https://github.com/Dyan-Dev/loopi - Issues: https://github.com/Dyan-Dev/loopi/issues - Support: support@dyan.live
### Questions?
- [Watch 2-min demo](https://youtu.be/QLP-VOGVHBc?si=FczG6_QU04WFDJCP) - Start a discussion on GitHub - Email support@dyan.live
*Loopi is MIT licensed. Star the repo if you like it!*
500 Internal Server Error