Documentation
Everything you need to know about using Lift.
Getting Started
Install the Extension
Visit the Chrome Web Store and click "Add to Chrome" to install Lift. Once installed, you'll see the Lift icon in your browser toolbar.
Install from Chrome Web Store →Create an Account
Sign up for a free account to unlock AI features, usage tracking, and history. You can register with your email, Google, or GitHub account.
Open the Extension
Navigate to any webpage and click the Lift icon in your toolbar, or use the keyboard shortcut to activate the element picker. The Lift panel will appear with extraction controls.
Full Page Extraction
How It Works
Click the "Extract Page" button to capture the entire page's HTML, CSS, and JavaScript. Lift automatically scopes styles, removes unnecessary markup, and produces clean, standalone code.
What Gets Captured
Lift extracts the full DOM structure, all applied stylesheets (with styles scoped to avoid conflicts), and any inline or embedded scripts. External resources are referenced by URL.
Element Picker
Picking Elements
Activate the element picker by pressing Shift+L or clicking the picker icon. Hover over any element on the page — it will be highlighted with an outline. Click to extract just that element and its styles.
CSS Selector Path
While hovering, Lift displays the CSS selector path for the element, making it easy to identify exactly what you're extracting.
Computed Style Inlining
Extracted elements include all computed styles inlined, so they render correctly as standalone components without needing the parent page's stylesheet.
AI Chat
Ask Questions About Code
After extracting code, open the AI Chat tab to ask questions. You can ask Lift to explain how the code works, identify potential bugs, suggest improvements, or answer any question about the extracted snippet.
Usage Limits
AI Chat usage is metered by plan: Free gets 10 chats/month, Starter 200, Pro 600, and Studio 1,500.
Code Translation
Supported Targets
Translate extracted HTML/CSS/JS into React, Vue, Svelte, or Tailwind CSS. Lift converts raw markup into idiomatic framework components with proper structure and styling.
Usage Limits
Code Translation usage is metered by plan: Free gets 3/month, Starter 60, Pro 200, and Studio 500.
Export Options
Individual Files
Download extracted code as separate HTML, CSS, and JavaScript files for easy integration into your project.
ZIP Download
Download all extracted files bundled into a single ZIP archive.
Copy to Clipboard
Quickly copy any code panel's contents to your clipboard with a single click.
History & Starring
Extraction History
Every extraction is automatically saved with a thumbnail preview and timestamp. Browse your history to revisit past extractions.
Star Favorites
Star important extractions to pin them and prevent them from being pruned when you reach your history limit.
History Limits
Free stores up to 5 history items, Starter 30, and Pro/Studio have no limit.
Plans & Limits
Free Plan
10 AI chats per month, 3 code translations per month, 5 history items. Full page extraction, element picker, and all export options included.
Starter — $9.99/month
200 AI chats, 60 translations, 30 history items, email support. Annual billing is $99.99 (~2 months free).
Pro — $19.99/month
600 AI chats, 200 translations, unlimited history, priority queue and support. Annual billing is $199.99 (~2 months free).
Studio — $39.99/month
1,500 AI chats, 500 translations, unlimited history, advanced export options, highest priority queue. Annual billing is $399.99 (~2 months free).