💡
Install DOM-AI-Bridge and click any element below The extension works on this Vanilla JS page just like any other web app.
How to test
1. Install the Chrome extension
2. Click the extension icon and press "Start Selecting"
3. Click any element on this page
4. Add an annotation and copy in AI format

🟡 Classic HTML Form

No framework

📊 Data Table

name lang stars
DOM-AI-Bridge JavaScript ⭐⭐⭐
Bridge Server TypeScript ⭐⭐⭐
DOM AI Bridge TypeScript ⭐⭐
Vanilla App JavaScript ⭐⭐
JSP Project Java
Thymeleaf App Java
getElementById · querySelector
Pure DOM APIs. No framework overhead. The extension reads this just fine.