Back to browse
Pablo – a Chrome extension that copies UI from any website

Pablo – a Chrome extension that copies UI from any website

by rayansaleh·May 22, 2026·33 points·10 comments

AI Analysis

●●SolidSolve My ProblemShip It

Extracts GSAP and Framer Motion animations that standard inspectors miss.

Strengths
  • Captures computed styles and keyframes, not just raw source code.
  • Manifest v3 architecture ensures privacy with no host permissions required.
  • Output is structured specifically for AI coding assistants like Cursor.
Weaknesses
  • Extracted code often lacks the underlying logic or state management.
  • Competes with established tools like Builder.io and standard DevTools.
Target Audience

Frontend developers and designers building component libraries

Similar To

Builder.io · Chrome DevTools · html-to-react

Post Description

Pablo is a Chrome extension that copies the HTML and CSS behind any element you hover.

It captures computed styles, fonts (with @font-face and Google Fonts links), CSS keyframes, and animation props from GSAP and Framer Motion. The output is structured so it pastes cleanly into Claude Code, Cursor, or Codex when you want to rebuild a component in your own stack.

Manifest v3, no host permissions, no backend. Free.

https://usepablo.dev

Happy to answer questions about how the extraction works, and would love to hear about sites where the output breaks.

Similar Projects

DesignMid

AI Colours

Curated color list for AI companies that all use the same beige aesthetic.

Cozy
__natty__
2011h ago