Pablo

Copy any UI component from the web. Hover, click, get production-ready HTML + CSS with fonts, animations, GSAP & Framer Motion.

As of June 2026, Pablo has 99 users in the Developer Tools category.

Usersno change0%
99
99
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.1.3
Manifest V3
90-day change · In the last 90 days this extension 1 version update.

History

5 snapshots

Tracking since May 4, 2026.

106.8450-6.840000000000003May 4, 2026Jun 9, 2026
View as table
DateUsersRatingReviewsVersion
May 4, 20261.1.1
May 14, 20261.1.1
May 27, 202611.1.1
Jun 3, 2026381.1.3
Jun 9, 2026681.1.3
Now991.1.3

Changelog

  • May 27, 2026
    description
    Pablo is the fastest way to copy real UI from the web.
    
    Hover any element on any page, click once, and Pablo copies clean, self-contained HTML + CSS straight to your clipboard — fonts, gradients, shadows, transitions, and animations included. Paste it into your editor, your design tool, or your AI assistant and ship it.
    Pablo turns any website into a component library.
    
    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

Permissions & access

Permissions
activeTabscriptingclipboardWritestorage
Host access
None declared

Screenshots

Pablo screenshot 1Pablo screenshot 2Pablo screenshot 3

About

Pablo turns any website into a component library.

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

Technical

Version
1.1.3
Manifest
V3
Size
160KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
bchhpiepnmnghliknoamagdpgonlpfbl
Developer ID
uf2a803eb991527f4e09abaaeccf9a65d
Developer Email
[email protected]
Created
May 3, 2026
Last Updated (Store)
May 23, 2026
Last Scraped
Jun 9, 2026
Website
Support URL

Data sourced from the Chrome Web Store · last verified Jun 9, 2026.