Find AI ListFind AI List
HomeBrowseAI NewsMatch Me 🪄
Submit ToolSubmitLogin

Find AI List

Discover, compare, and keep up with the latest AI tools, models, and news.

Explore

  • Home
  • Discover Stacks
  • AI News
  • Compare

Contribute

  • Submit a Tool
  • Edit your Tool
  • Request a Tool

Newsletter

Get concise updates. Unsubscribe any time.

© 2026 Find AI List. All rights reserved.

PrivacyTermsRefund PolicyAbout
Home
Development & Code
SVG Crowbar
SVG Crowbar logo
Development & Code

SVG Crowbar

SVG Crowbar is a lightweight, open-source browser bookmarklet created by The New York Times Graphics team. It is designed to extract Scalable Vector Graphics (SVG) elements directly from a webpage and download them as a single, clean SVG file. This tool is particularly valuable for data journalists, web developers, and designers who create interactive charts, maps, or illustrations using SVG within web applications (often built with libraries like D3.js) and need to export these graphics for static publication, presentations, or further editing in vector software like Adobe Illustrator. It solves the problem of manually capturing complex, dynamic SVG content that is embedded in the DOM, often styled with CSS and containing interactive elements. By clicking the bookmarklet, it programmatically serializes the selected SVG nodes, inlines critical styles, and triggers a download, preserving the vector quality. It is not a general AI vector generator but a precise utility for extracting existing SVG assets from live web pages, positioning it as an essential workflow tool for teams that produce web-based data visualizations and need to repurpose them for other mediums.

Visit Website

📊 At a Glance

Pricing
Free
Reviews
No reviews
Traffic
N/A
Engagement
0🔥
0👁️
Categories
Development & Code
Specialized IDEs

Key Features

One-Click SVG Extraction

Users simply click a pre-installed bookmarklet to instantly extract SVG content from the current webpage and download it as a file.

CSS Style Inlining

The tool automatically identifies and inline critical CSS styles applied to the SVG elements, ensuring the exported graphic visually matches the on-screen rendering.

Dynamic Content Capture

It captures the current state of SVG elements within the Document Object Model (DOM), including those generated or modified by JavaScript (e.g., D3.js visualizations).

Clean, Self-Contained Output

The downloaded SVG file is a single, self-contained document with necessary definitions and inlined styles, making it portable and ready for use in other software.

Open Source and Extensible

The complete source code is available on GitHub, allowing developers to understand, fork, and modify the tool for their specific needs or integrate its logic into other applications.

Pricing

Free / Open Source

$0
  • ✓Unlimited use of the bookmarklet to extract SVGs from web pages.
  • ✓Access to the full source code on GitHub for inspection, modification, and distribution.
  • ✓No user accounts, registration, or API keys required.
  • ✓Works on any modern browser that supports bookmarklets and SVG.
  • ✓No quotas or limits on the number of extractions.

Use Cases

1

Data Journalism Publication

Data journalists and graphics editors at news organizations use SVG Crowbar to export interactive online charts and maps (built with libraries like D3.js) for use in print newspapers, magazine layouts, or static PDF reports. This bridges the gap between dynamic web content and traditional publishing formats, ensuring high-quality vector graphics are used in all mediums without manual redrawing.

2

Academic Research Visualization

Researchers creating web-based visualizations for interactive papers or project websites can use the tool to capture high-fidelity figures for inclusion in formal journal submissions, conference posters, or presentation slides. It allows them to maintain a single, interactive source online while easily generating publication-ready static assets.

3

Web Developer Workflow

Front-end developers building data dashboards or SVG-heavy applications use SVG Crowbar to quickly grab assets for client reviews, bug reporting, or to provide samples to designers. It streamlines communication by allowing developers to export exactly what is rendered in the browser, including complex states, for offline discussion and documentation.

4

Design System Asset Management

Design teams maintaining icon libraries or illustration systems built with SVG sprites on a living style guide website can use the tool to extract individual icons or components. This facilitates updating asset libraries in design software like Sketch or Figma by providing a quick export path from the canonical web source.

5

Education and Tutorial Creation

Instructors teaching web graphics or data visualization can use SVG Crowbar to capture examples from live web pages for use in course materials, slides, or tutorials. It allows them to demonstrate specific code outputs or visual techniques with perfect fidelity, enhancing the learning experience with real-world examples.

How to Use

  1. Step 1: Navigate to the SVG Crowbar GitHub page (https://nytimes.github.io/svg-crowbar) using a modern web browser like Chrome or Firefox.
  2. Step 2: Drag the 'SVG Crowbar' bookmarklet link from the page directly into your browser's bookmarks bar. This installs the tool as a bookmark.
  3. Step 3: Visit any webpage that contains SVG elements you wish to extract, such as a D3.js chart or an interactive map.
  4. Step 4: Click on the installed 'SVG Crowbar' bookmark in your bookmarks bar. This executes the Crowbar script on the current page.
  5. Step 5: A file download dialog will appear. The tool automatically generates an SVG file named 'graphic.svg' (or a similar name) containing the extracted SVG content from the page.
  6. Step 6: Open the downloaded SVG file in a vector graphics editor (e.g., Adobe Illustrator, Inkscape) or a code editor for inspection and further refinement.
  7. Step 7: For repeated use, integrate this step into a publication workflow where web-based visualizations are routinely exported for print or PDF reports.
  8. Step 8: Advanced users can modify the source code or use the underlying principles to build custom export functionality into their own web applications.

Reviews & Ratings

No reviews yet

Sign in to leave a review

Alternatives

10web AI Builder logo

10web AI Builder

10web AI Builder is an AI-powered platform designed to streamline website creation and management for WordPress users. It leverages artificial intelligence to generate complete websites, including content, design, and layout, based on simple text prompts. The tool integrates managed hosting, security, and performance optimization, offering an all-in-one solution for building and maintaining websites without coding expertise. Key features include a drag-and-drop editor, AI content assistant, SEO tools, and e-commerce support via WooCommerce. It caters to businesses, freelancers, and individuals seeking to establish an online presence efficiently, combining user-friendly interfaces with advanced capabilities for professional web development.

0
0
Development & Code
Specialized IDEs
Freemium
View Details
1998 Cam logo

1998 Cam

1998 Cam is an AI-powered photo editing and enhancement tool that specializes in transforming modern digital photos into authentic-looking vintage images reminiscent of late 1990s photography. The tool leverages advanced artificial intelligence algorithms to analyze and modify various photographic elements including color grading, grain structure, lighting characteristics, and image artifacts to recreate the distinctive aesthetic of photos taken with 1998-era cameras. Users can upload contemporary digital photos and apply sophisticated filters that simulate the limitations and qualities of older film cameras, digital point-and-shoots, and early mobile phone cameras from that era. The platform serves photographers, social media content creators, nostalgia enthusiasts, and digital artists who want to achieve authentic retro aesthetics without needing physical vintage equipment or extensive photo editing expertise. By analyzing millions of reference images from the late 1990s, the AI understands subtle characteristics like specific color shifts, contrast profiles, and noise patterns that defined photography during that period, allowing for transformations that go beyond simple filters to create genuinely period-accurate images.

0
0
Development & Code
Code Editors
Freemium
View Details
a-color-story logo

a-color-story

A Color Story is a comprehensive photo editing application designed for mobile devices, offering an extensive library of filters, color adjustments, and editing tools to enhance visual content. It enables users to achieve professional-grade color grading with intuitive controls, making it ideal for social media creators, photographers, and hobbyists. The app features custom filter creation, non-destructive editing, and seamless integration with platforms like Instagram and Facebook. With a focus on vibrant colors and creative effects, A Color Story transforms ordinary images into stunning art. It supports various file formats and operates on a freemium model, providing both free and subscription-based access to advanced features for unlimited creativity.

0
0
Development & Code
Mobile IDEs
Freemium
View Details
Visit Website

At a Glance

Pricing Model
Free
Visit Website