New FeatureDecember 29, 2025v2.6.0
CSS selector element capture
Sometimes you don't need the whole page - just a specific element. With our new CSS selector support, you can capture exactly the element you need.
{
"url": "https://example.com",
"selector": "#main-content"
}Use cases
CSS selector capture is perfect for:
- Component libraries: Capture individual UI components for documentation
- Pricing tables: Extract just the pricing section for comparison tools
- Hero sections: Grab the above-the-fold content without the rest
- Data visualizations: Capture charts and graphs embedded in larger pages
Complex selectors supported
We support the full range of CSS selectors, so you can target elements precisely:
{
"url": "https://example.com",
"selector": "div.hero-section > h1"
}The captured image will be automatically cropped to the element's bounding box, including any padding but excluding elements outside the selector.
Combine with waitForSelector to ensure dynamic content is loaded before capture.