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 accounts get 5 chats per month, Pro accounts get 300, and Unlimited accounts have no cap.
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 accounts get 3 translations per month, Pro accounts get 200, and Unlimited accounts have no cap.
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 accounts can store up to 5 history items, Pro accounts up to 50, and Unlimited accounts have no limit.
Plans & Limits
Free Plan
5 AI chats per month, 3 code translations per month, 5 history items. Full page extraction, element picker, and all export options included.
Pro Plan — $9.99/month
300 AI chats per month, 200 code translations per month, 50 history items, and priority support. Save 20% with annual billing.
Unlimited Plan — $29.99/month
Unlimited AI chats, unlimited code translations, unlimited history, and priority support. Save 20% with annual billing.