bchhpiepnmnghliknoamagdpgonlpfbl
Copy any UI component from the web. Hover, click, get production-ready HTML + CSS with fonts, animations, GSAP & Framer Motion. Hover any element, click once, and the full HTML + CSS lands on your clipboard, ready to paste into your editor, design tool, or AI coding agent. WHAT PABLO CAPTURES • Semantic HTML structure (not flattened) • Resolved CSS, including custom properties and computed styles • Web fonts and @font-face declarations • CSS animations and keyframes • GSAP timelines and tweens • Framer Motion variants and transitions • Optional screenshot of the captured element for visual context FRAMEWORK-AWARE Pablo detects the stack behind the page (React, Next.js, Webflow, Framer, Shopify, WordPress) and picks the right extraction strategy. Webflow IX2 interactions, Framer Motion props, and React component boundaries are preserved rather than flattened to raw markup. TWO CAPTURE MODES • Component mode. Hover, click, copy a single element with its children. • Page mode. Capture the full visible page content in one shot. DESIGNED FOR THE AI WORKFLOW The output is shaped for pasting directly into Claude, Cursor, ChatGPT, or any coding agent. Bundled context (HTML + CSS + fonts + animations + screenshot) gives the model everything it needs to recreate the component in your stack. PRIVACY Pablo runs entirely in your browser. Nothing is sent to a server. No telemetry, no account, no cloud capture. The only network calls are the ones the page itself makes. OPEN SOURCE MIT licensed. Source, issues, and roadmap at https://github.com/rayan-saleh/pablo Website and demo at https://usepablo.dev
What Hacker News Says
Easily find Hacker News threads about the page you're currently browsing. Dead-simple yet very useful extension that looks for threads on on popular social news aggregator Hacker News via HN Search API (powered by Algolia). For your privacy, this web extension fetches the API only when the popup is clicked and does not run any background script. It also requires minimum permissions (just "activeTab" actually).
tabMind - AI smart tree style tabs
TabMind takes tab management to the next level, using AI to automatically organize your tabs and bookmarks in a structured hierarchy based on their content—so you’re not just stuck with the order of who opened them. No more manually dragging and dropping tabs. Let TabMind do the heavy lifting! ✪ **AI-Powered Smart Tree Structure**: TabMind uses AI to intelligently organize your tabs and bookmarks into a tree based on the content of each tab, not just the order in which they were opened. ✪ **No Overreaching Permissions**: Unlike other extensions, TabMind doesn’t require permissions like "Read and change all your data on all websites," so your privacy is respected. ✪ **One-Click Workspace Switching**: Switch between different workspaces effortlessly to keep your work, personal projects, and other tasks separate and organized. ✪ **Chrome Native Tab Group Support**: TabMind fully supports Chrome’s native tab grouping feature, enhancing your tab organization experience. ✪ **Export/Import Flexibility**: Export or import tabs in various formats (HTML, JSON, CSV), and even import data from Tabs Outliner. ✪ **Automatic Backup**: Never lose a tab again! TabMind backs up your tabs and bookmarks locally and to cloud drives, ensuring your data is always safe. ✪ **Pure, Clean Code for Speed**: Built for speed, TabMind is lightweight, with clean code and no third-party libraries. It runs with negligible memory consumption for maximum performance. ✪ **Lightweight and Fast**: Weighing in at only 100 KB, TabMind is designed to be fast and efficient without slowing down your browser. ✪ **No Tracking, No Ads**: TabMind respects your privacy—no data tracking or invasive ads, ever. TabMind uses AI to automatically organize your tabs and bookmarks into a hierarchical tree structure, based on the content of each tab, rather than just the order in which they were opened. No more manual organization is needed! > ℹ️ You can still drag-and-drop tabs to reorganize manually if desired. ✴️ **Thumbnail Previews**: See a preview of each tab, making it easier to quickly find the page you need without opening multiple tabs. ✴️ **Tab Suspension**: Suspend multiple tabs with one click to save system resources and improve browser performance. ✅ **Workspaces for Daily Workflow** Whether you're managing work, personal projects, or other tasks, TabMind helps you stay organized by allowing you to create and switch between custom workspaces with a single click. ✴️ **Custom Workspaces**: Separate your activities and workflows for easier management and focus. ✴️ **Workspace Switching**: Quickly switch between workspaces to maintain different contexts and projects without clutter. For users with many tabs, TabMind’s visual group manager makes it easy to manage and rearrange tab groups visually. ✴️ **Drag-and-Drop**: Easily drag and drop to rearrange your tab groups. ✴️ **Workspace Management**: Workspaces allow you to easily switch contexts without losing your place. Export and import tabs and bookmarks in HTML, JSON, or CSV formats, and easily import data from Tabs Outliner for smooth transitions. ✅ **Auto Backup for Peace of Mind** Never worry about losing tabs or bookmarks again. TabMind automatically backs up your data to local files and cloud drives, ensuring your sessions are always safe. With **TabMind**, you’ll have the tools you need to stay organized, efficient, and in control of your browsing experience. Whether you have 5 or 50 tabs open, TabMind makes managing them effortless. You can mail us:
Unclutter — Modern Reader Mode
Read, bookmark, and highlight articles with style. Unclutter is a new kind of reader mode that keeps the visual style of articles intact. Plus it automatically saves articles for you. Instantly in your browser. ➤ Focus: Remove remove everything that's not text from a page. ➤ Customise: Change the text size or enable dark mode everywhere. ➤ Save for later: Manage your reading queue directly in your browser. ➤ Highlight: Select any text to save it. Then search across it later. This project is Open-Source! Follow the development, suggest features, or contribute at github.com/lindylearn/unclutter
Bookmark Style - Style your visual bookmark
One-click turn any link into a visual bookmark, and it looks like `Twitter` cards or `Notion` web bookmark. This extension is built on top of metafy, which provides a serverless API to fetch websites metadata easily and turn the metadata into a visual web bookmark. like Twitter cards do or notion web bookmark. * 🔮 Turn any tabs into a visual web bookmark * 🐦 Twitter card like * 🔖 Notion web-bookmark like * 🖼️ Copy the image to your clipboard * 📷 Toggle the QRCode on the bookmark * 🌛 Dark mode support Feel free to check out the code on GitHub! 【Web Visual Bookmark】 is built and maintained by xiaoluoboding (https://xlbd.me)
