I've been building *Loopi*, an open-source Electron-based desktop application that makes browser automation accessible to everyone—no coding required.
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)
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!*