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.

Start capturing screenshots in minutes

Join thousands of developers using Allscreenshots. No credit card required to get started.

Start for free