Xtractly docs
how it all works
Turn any site into your component library — from the browser extension to the AI builder to driving it all from your coding agent.
Start here
Getting started
Install the extension, sign in, and pull your first component.
Extension
The extension
A tour of the floating toolbar — extract, AI assistant, assets, colors, fonts, clipboard, bookmarks.
Web app
Projects & the AI builder
Turn a prompt or a capture into a working component, then keep iterating in chat.
Web app
Library, Playground & versions
Save components, edit them live in the Playground, restore earlier versions, and export.
Integrations
Agent Bridge (MCP)
Connect Cursor, Claude Code, or Codex to your Xtractly library over MCP.
Extension
Bookmarks & page capture
Save pages for later and convert a bookmark straight into a project.
Reference
Plans, credits & troubleshooting
Free vs Pro, how daily credits work, and fixes for common issues.
Reference
FAQ
Quick answers to the questions we get most.
Can't find what you need?
support@xtractly.com